.fade-in,
.cta-animation {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

.fade-in {
  -webkit-transition-duration: 2000ms;
          transition-duration: 2000ms;
}

.cta-animation {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

.fade-in-up {
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
}

.cta-scroll-in {
  -webkit-transform: translateX(calc(100% + 1px));
  transform: translateX(calc(100% + 1px));
}
@media screen and (max-width: 768px) {
  .cta-scroll-in {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.fade-on,
.scroll-in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
a:hover {
  opacity: 0.7;
}