.container{
  position: relative;
  height: 100%;
}


.head-text{
 
  text-align: center;

}

.head-text span{
  font-family: 'PT Sans', sans-serif!important;
  display: inline-block;
  font-size: 25px;
  font-weight: 400;
  color:#fff;
  letter-spacing: 5px;
  transform: translateY(10vh);
  animation: fall 1.5s forwards;

}


.main-head-tex{
  width: 100%;
  position: absolute;
  top: 60px;
}


.head-text1{
  text-align: center;
}

.head-text1 span{
  font-family: 'PT Sans', sans-serif!important;
  display: inline-block;
  font-size: 70px;
  line-height: 75px;
  font-weight: 200;
  color:#fff;
  transform: translateY(10vh);
  animation: fall1 1.5s forwards;

}




/*

.head-text2{
  text-align: center;

}

.head-text2 span{
  font-family: 'PT Sans', sans-serif!important;
  display: inline-block;
  font-size: 70px;
  font-weight: 200;
  color:#fff;
  transform: translateY(10vh);


  animation: fall2 1.5s forwards;

}
*/




.head-text3{
  margin-top: 20px;
  text-align: center;

}

.head-text3 span{
  display: inline-block;
  font-size: 25px;
  font-weight: 700;
  color:#fff;
  letter-spacing: 5px;
  transform: translateY(10vh);
  animation: fall3 1.5s forwards;

}








@keyframes fall{
  100%{
    transform: translateY(0);
  }
}

 .head-text span:nth-child(2){
  animation-delay: 0.2s;
 }


 @keyframes fall1{
  100%{
    transform: translateY(0);
  }
}
 .head-text1 span:nth-child(3){
  animation-delay: 0.4s;
 }



 @keyframes fall2{
  100%{
    transform: translateY(0);
  }
}
 .head-text2 span:nth-child(4){
  animation-delay: 0.6s;
 }


 @keyframes fall3{
  100%{
    transform: translateY(0);
  }
}
 .head-text3 span:nth-child(5){
  animation-delay: 0.8s;
 }