#hero-section h1 {
  font-size: 32px;
  line-height: 50px;
}

#hero-section h1 span {
  font-size: 90px;
  line-height: 100px;
}

@media (max-width: 1440px) {
  #hero-section h1 {
    font-size: 30px;
    line-height: 38px;
  }

  #hero-section h1 span {
    font-size: 85px;
    line-height: 95px;
  }
}

@media (max-width: 1366px) {
  #hero-section h1 {
    font-size: 28px;
    line-height: 36px;
  }

  #hero-section h1 span {
    font-size: 80px;
    line-height: 90px;
  }
}

@media (max-width: 1200px) {
  #hero-section h1 {
    font-size: 24px;
    line-height: 40px;
  }

  #hero-section h1 span {
    font-size: 70px;
    line-height: 84px;
  }
}

@media (max-width: 991px) {
  #hero-section h1 {
    font-size: 4vw;
    line-height: 6vw;
  }

  #hero-section h1 span {
    font-size: 10vw;
    line-height: 12vw;
  }
}

/* @media (max-width: 767px) {
  #hero-section h1 span {
    font-size: 10vw;
    line-height: 14vw;
  }
}

@media (max-width: 576px) {
  #hero-section h1 span {
    font-size: 10vw;
    line-height: 14vw;
  }
} */