@media (max-width: 1800px) {
  #main .hero-section .section-wrapper .quote {
    font-size: 75px;
    max-width: 750px;
  }
}

@media (max-width: 1700px) {
  #main .hero-section .section-wrapper .quote {
    font-size: 65px;
    max-width: 650px;
  }
}

@media (max-width: 1600px) {
  #main .hero-section .section-wrapper .quote {
    font-size: 60px;
    max-width: 600px;
  }
}

@media (max-width: 1420px) {
  #main .hero-section .section-wrapper .quote {
    font-size: 55px;
    max-width: 550px;
  }
}

@media (max-width: 1200px) {
  #main .hero-section .section-wrapper .quote {
    font-size: 50px;
    max-width: 500px;
  }
}

@media (max-width: 1000px) {
  #main .hero-section .section-wrapper .quote {
    font-size: 45px;
    max-width: 450px;
  }
  #main .hero-section .section-wrapper .heading {
    font-size: 25px;
  }
}

@media (max-width: 821px) {
  #main .section-2 .section-wrapper .text-container .heading {
    font-size: 50px;
  }
}

@media (max-width: 800px) {
  #main .hero-section {
    background: url("/images/backgrounds/main/about-us/about-us-landing-mobile.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 748px) {
  #main .section-2 .section-wrapper .text-container .heading {
    font-size: 45px;
  }
}

@media (max-width: 601px) {
  #main .section-2 .section-wrapper .text-container .heading {
    font-size: 40px;
  }
  #main .section-2 .section-wrapper .text-container .text {
    font-size: 16px;
  }
  #main .hero-section .section-wrapper .quote {
    font-size: 40px;
    max-width: 400px;
  }
}

@media (max-width: 458px) {
  #main .section-2 .section-wrapper .text-container .split {
    width: 100%;
  }
}

@media (max-width: 429px) {
  #main .hero-section .section-wrapper .quote {
    font-size: 35px;
  }
}

@media (max-width: 310px) {
  #main .section-2 .section-wrapper .text-container .heading {
    font-size: 35px;
  }
}
/*# sourceMappingURL=about-us.css.map */