.inicio_letter{
text-align: center;
    position: fixed;
    top: 17%;
    z-index: 16;    
    width: 80vw;
    height: 50vh;
    color: #f671be;
    cursor: none;
    pointer-events: none;
}

.inicio_letter h1,
.inicio_letter h2{
  width: 100%;
  height: 42px;
  position: absolute;
  left: 0;
  text-transform: uppercase;
  text-align: center;  
  opacity: 0;
  text-shadow: 3px 3px 4px #462838;
}

.inicio_letter h1{ top: calc(40% - 21px); font-size: 2.7em; }
.inicio_letter h2{ top: calc(50% - 21px); font-size: 2em; }

.inicio_letter.animate h1,
.inicio_letter.animate h2{
  animation: in 6s ease-out forwards;
  animation-delay: 1s;
}

@keyframes in{
  0%{
    letter-spacing: -17px;
    opacity: 0;
  }
  30%{
    letter-spacing: 4px;
    opacity: 1;
  }
  100%{
    letter-spacing: 4px;
    opacity: 1;
  }
}


@media screen and (min-width: 1400px) {
    .inicio_letter h1{
      top: calc(25% - 21px);
      font-size: 5.7em;
    }
    .inicio_letter h2{
      top: calc(40% - 21px);
      font-size: 5em;
    }
}