.title h1{
  animation: 2s anim-lineUp ease-out;
  font-family: "Outfit";
}

.title--large{
  font-size: 2.7rem;
  line-height: 4.5rem;
  font-style: normal;
}

.title--medium{
  font-size: 2.0rem;
  line-height: 4rem;
  font-style: normal;
}
.title--medium h1{
font-weight: 500 !important;
}
.lineUp {
  animation: 2s anim-lineUp ease-out;
}

@keyframes anim-lineUp {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}



@media screen and (max-width: 1440px) {
  .title h1 {
    font-size: 2.5rem;
    line-height: 4rem;

  }
}

@media screen and (max-width: 768px) {
  .title h1 {
    font-size: 2.2rem; 
    line-height: 2.5rem;

  }


}