header{
  height: 100vh;
}
.promo .title-promo{
   opacity: 0;
  transform: translate(0, 50px);
   transition: 0.8s opacity ease-in-out, 0.5s transform ease-in-out;
}
.promo .title-promo.visible{
  opacity: 1;
  transform: translate(0, 0);
}

.promo .advantage{
   opacity: 0;
  transform: translate(0, 50px);
   transition: 0.8s opacity ease-in-out, 0.5s transform ease-in-out;
}
.promo .advantage:nth-child(2){
  transition-delay: 0.15s;
}
.promo .advantage:nth-child(3){
  transition-delay: 0.3s; 
}
.promo .container-promo.visible .advantage{
  opacity: 1;
  transform: translate(0, 0);
}

#consultation{
   opacity: 0;
  transform: translate(0, 200px);
   transition: 0.8s opacity ease-in-out, 1.1s transform cubic-bezier(0.5, 0, 0, 1);
}
.promo .title-promo.visible,
#consultation.visible{
  opacity: 1;
  transform: translate(0, 0);
}