.intro-text{
    color: azure;
}
.intro-text {
    font-size: .9rem;
    font-weight: bold;
    /* base for mobile */
}

@media (min-width: 600px) {
    .intro-text {
        font-size: 2rem;
        /* tablets */
    }
}

@media (min-width: 500px) {
    .intro-text {
        font-size: 0.8rem;
        /* tablets */
    }
}

@media (min-width: 992px) {
    .intro-text {
        font-size: 1rem;
        /* desktop */
    }
}

@media (min-width: 1200px) {
    .intro-text {
        font-size: 1.2rem;
        /* large desktop */
    }
}

.custom-fadeInDownBig {
  opacity: 0;
  transform: translateY(-2000px);
  animation: fadeInDownBig 1s ease forwards;
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    opacity: 1;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.custom-fadeInUpBig {
  opacity: 0;
  transform: translateY(2000px);
  animation: fadeInUpBig 1s ease forwards;
}


@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    opacity: 1;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}