

.coming-soon {

  height: 30%;
  width: 30%;
  position: absolute;
  bottom: 10%;
  right: 10%;
  background: url("../img/coming-soon.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}


.overlay-v {
  text-align: center;
  background: #080808;
  background: linear-gradient(0deg, 
    #080808 0%, 
    #080808 5%, 
    rgba(40,52,131,0.1) 20%, 
    rgba(40,52,131,0.1) 100%); 
    /*#080808 95%, */
    /*#080808 100%);*/

  background-position: center center;
  background-size: cover;

  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.overlay-h {}


@media (min-width: 992px) {
  .overlay-v {
    text-align: center;
    background: #080808;
    background: linear-gradient(0deg, 
      #080808 0%, 
      #080808 5%, 
      rgba(40,52,131,0.1) 20%, 
      rgba(40,52,131,0.1) 80%, 
      #080808 95%, 
      #080808 100%);

    background-position: center center;
    background-size: cover;

    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
  }

  .overlay-h {
    text-align: center;
    background: #080808;
    background: linear-gradient(90deg, 
      #080808 0%, 
      #080808 2%, 
      rgba(0,0,0,0) 15%, 
      rgba(0,0,0,0) 85%, 
      #080808 98%, 
      #080808 100%);

    background-position: center center;
    background-size: cover;

    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.header-layer {
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.header-layer-1 {
  background: url("../img/pangolin/02.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.header-layer-2 {
  background: url("../img/pangolin/03.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
}

.header-layer-3 {
  background: url("../img/pangolin/04.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.header-layer-4 {
  background: url("../img/pangolin/05.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}



.icon-bar {
  position: absolute;
  bottom: 10%;
  padding-left: 0;
  z-index: 20;
  column-count: 1;
  color: #88ee00;
  font-size: 25px;
}

.icon-bar-item {
  list-style-type: none;
  margin-bottom: 10px;
}