#hero-section h1 {
  font-size: 72px;
  font-weight: 700;
  line-height: 82px;
}


@media (max-width: 1439px) {


  #hero-section h1 {
    font-size: 74px;
    font-weight: 700;
    line-height: 79px;
  }

}


@media (max-width: 1200px) {

  #hero-section h1 {
    font-size: 70px;
    font-weight: 700;
    line-height: 80px;
  }
}

@media (max-width: 991px) {

  #hero-section h1 {
    font-size: 7vw;
    font-weight: 700;
    line-height: 9vw;
  }
}

@media (max-width:767px) {

  #hero-section h1 {
    font-size: 8vw;
    font-weight: 700;
    line-height: 10vw;
  }

  #hero-section {
    height: auto;
    padding: 6rem 0 1rem;
  }

  .bg-hero-pang {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 95%, rgba(0, 0, 0, 0) 100%);
  }
}

@media (max-width: 575px) {

  #hero-section p {
    font-size: 4vw !important;
  }
}

@media (max-width: 480px) {}