.page--homepage .hero__title,
.page--homepage .hero__subtitle {
  opacity: 0;

  webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.page--homepage .hero__title.effect,
.page--homepage .hero__subtitle.effect,
.page--homepage .hero__subtitle.effect .single-letter.effect
{
  opacity: 1;
}
.page--homepage .hero__title {
  margin-bottom: -40px;
}
.page--homepage .hero__title.effect {
  margin-bottom: 0px;
}
.page--homepage .hero__subtitle.effect .single-letter {
  opacity: 0;
}