footer {
  position: relative;
  /*background: #ffb167;*/
  min-height: 200px;
}

#footer-rocket {
  position: absolute;
  bottom: 0px;
  left: 10%;
  z-index: 99998;
}

#landing-site-1 {
  background: url("../img/landing_site_1.png");
  height: 50px;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 100001;
  display: block;
}

#landing-site-2 {
  background: url("../img/landing_site_2.png");
  height: 214px;
  width: 100vw;
  position: absolute;
  bottom: 0;
  display: block;
  z-index: 2;
}

#volcano_smoke {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 5%;
  bottom: 140px;
  z-index: 3;
}

#volcano_sobre {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

#volcano {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f88a5a;
  clip-path: polygon(19% 71%, 28% 42%, 55% 45%, 80% 42%, 100% 100%, 0% 100%);
  border-radius: 40px 40px 0 0;
  z-index: 99998;
}
/*
#volcano_magma {
  position: absolute;
  z-index: 100000;
  left: 0px;
  bottom: 0px;
}

#volcano_magma_left,
#volcano_magma_right {
  background: linear-gradient(
    rgba(255, 106, 0, 1),
    rgb(255, 68, 0),
    rgb(205, 72, 11)
  );
  z-index: 1;

}


#volcano_magma_center_1,
#volcano_magma_center_2,
#volcano_magma_center_3 {
  background: linear-gradient(
    rgba(255, 106, 0, 1),
    rgb(255, 68, 0),
    rgb(205, 72, 11)
  );
  z-index: 2;
}

#volcano_magma_left {
  width: 5px;
  height: 10px;
  border-radius: 0 0 50% 80%;
  rotate: 10deg;
  position: absolute;
  bottom: 5px;
  left:10px;
}

#volcano_magma_center_1 {
  left: 15px;
  width: 5px;
  height: 10px;
  border-radius: 0 0 50% 50%;
  position: absolute;
  bottom: 5px;
}

#volcano_magma_center_2 {
  left: 20px;
  width: 5px;
  height: 10px;
  border-radius: 0 0 50% 50%;
  position: absolute;
  bottom: 5px;
}
#volcano_magma_center_3 {
  left: 25px;
  width: 5px;
  height: 10px;
  border-radius: 0 0 50% 50%;
  position: absolute;
  bottom: 5px;
}

#volcano_magma_right {
  width: 5px;
  height: 8px;
  border-radius: 0 0 50% 50%;
  left: 28px;
  rotate: 345deg;
  position: absolute;
  bottom: 7px;
}
*/

#lava {
  position: absolute;
  bottom: 22px;
  left: 12px;
  width: 20px;
  height: 4px;
  background: rgb(255, 116, 17);
  z-index: 1000001;
  border-radius: 50%;
  border: thin solid rgb(252, 125, 46);
}

.smoke {
  position: absolute;
  bottom: 24px;
  left: 11px;
  width: 19px;
  height: 5px;
  background: linear-gradient(
    rgba(253, 228, 1, 0.5),
    rgba(255, 106, 0, 0.5),
    rgba(205, 11, 11, 0.5)
  );
  opacity: 0.2;
  border-radius: 75% 75% 10% 10%;
  z-index: 99997;
  transform-origin: center bottom;
}

/*
.volcano_line {
  width: 1px;
  position: absolute;
  bottom: 20px;
  height: 30px;
  box-shadow: 2px 0 0 0 #6f1d10, 4px 2px 0 0 #771616, 6px 4px 0 0 #771f1f,
    8px -2px 0 0 #310505, 10px 0 0 0 #440c0c;
}

.volcano_line_perspectiv1 {
  rotate: 20deg;
  left: 40px;
}

.volcano_line_perspectiv2 {
  rotate: 5deg;
  left: 75px;
}

.volcano_line_perspectiv3 {
  rotate: 340deg;
  left: 110px;
}
*/

.perspective-text {
  color: #f03a00;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3),
    0px -1px 0px rgba(0, 0, 0, 0.7);
  font-size: 2.1rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -30%);
  bottom: 300px;
  z-index: 1000000;
  width: 100%;
  text-align: center;
  perspective: 1000px;
}
.letter {
  display: inline-block;
  transform-origin: bottom;
  opacity: 0.5;
}

/*************** 992 *****************/
@media (min-width: 992px) {
  .perspective-text {
    font-size: 4rem;
    transform: translate(-50%, -100%);
    perspective: 700px;
    bottom: -20px;
  }
}