.js-animate.slide-hero-text {
   animation-duration: 800ms;
   -webkit-animation-duration: 800ms;
   animation-name: slide-hero-text;
   -webkit-animation-name: slide-hero-text;
   visibility: visible;
   animation-fill-mode: forwards;
}

.js-animate.slide-hero-text-background {
   animation-delay: 200ms;
   animation-duration: 1600ms;
   -webkit-animation-duration: 1600ms;
   animation-name: slide-hero-text-background;
   -webkit-animation-name: slide-hero-text-background;
   animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
   animation-fill-mode: forwards;
}

@keyframes slide-hero-text {
   0% {
      opacity: 0;
      transform: translateX(70%);
   }
   100% {
      opacity: 1;
      transform: translateX(0%);
   }
}
@-webkit-keyframes slide-hero-text {
   0% {
      opacity: 0;
      -webkit-transform: translateX(70%);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
   }
}

@keyframes slide-hero-text-background {
   0% {
      opacity: .7;
      transform: translateX(-100%);
   }
   100% {
      opacity: .7;
      transform: translateX(0%);
   }
}

@-webkit-keyframes slide-hero-text-background {
   0% {
      opacity: .7;
      -webkit-transform: translateX(-100%);
   }
   100% {
      opacity: .7;
      -webkit-transform: translateX(0%);
   }
}