.fade-in-elements {
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-in;
  transition: opacity 0.75s ease-in;
}

.fade-in-elements.show {
  opacity: 1;
}

.slide-in-elements {
  transform: translateY(300px);
  opacity: 1;
  -webkit-transition: transform 1.25s ease;
  transition: transform 1.25s ease;
}

.slide-in-elements-delayed {
  transform: translateY(300px);
  opacity: 1;
  -webkit-transition: transform 1.25s ease 0.25s;
  transition: transform 1.25s ease 0.25s;
}

.slide-in-elements-home {
    transform: translateY(300px);
    opacity: 0;
    -webkit-transition: all 1.25s ease 1s;
    transition: all 1.25s ease 1s;
}

@media (max-width: 991px) {
.slide-in-elements {
  transform: translateY(100px);
  opacity: 1;
  -webkit-transition: transform 0.75s ease;
  transition: transform 0.75s ease;
}
.slide-in-elements-delayed {
  transform: translateY(100px);
  opacity: 1;
  -webkit-transition: transform 0.75s ease;
  transition: transform 0.75s ease;
}
.slide-in-elements-home {
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
}

.slide-in-elements.show {
  transform: translateY(0);
  opacity: 1;
}

.fade-in-home {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fade-in-home.visible {
  opacity: 1;
}

.fade-in-title {
  display: block;
  word-wrap: break-word;
}

.fade-in-title span {
  opacity: 0;
}

.fade-in-title.visibletitle span {
  opacity: 1;
  animation: fadeIn 0.6s forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}