@media (max-width: 1400px) {
  .hero-inner h1 {
    width: 63%;
  }
}

@media (max-width: 1200px) {
  .hero {
    background-position: left;
  }

  .hero-inner h1 {
    padding-left: 300px;
    width: 95%;
    margin: unset;
  }
}

@media (max-width: 800px) {
  .hero-inner h1 {
    padding-top: 283px;
    font-size: 80px;
    padding-left: unset;
  }

  .privacy-hero h1 {
    font-size: 80px;
  }
}

@media (max-width: 786px) {
  .hero {
    height: 300px;
  }

  .hero-inner h1 {
    font-size: 60px;
    padding-left: 200px;
    padding-top: 30px;
  }

  .privacy-hero h1 {
    font-size: 60px;
  }

  h2.headline {
    font-size: 56px !important;
  }

  .body-section h2.headline {
    font-size: 40px !important;
  }

  .body-section h2 {
    text-align: center;
  }

  .body-section p,
  .body-section h2,
  .body-section ul,
  .body-section li,
  .body-section span,
  .body-section em,
  .body-section strong {
    font-size: 20px !important;
  }
  .body-section h2,
  .body-section h2 strong,
  .body-section h2 em {
    font-size: 25px !important;
  }

  .body-section,
  .privacy-content,
  .privacy-hero {
    padding: 60px 0;
  }

  .body-section p {
    font-size: 18px;
  }
}

@media (max-width: 500px) {
  .hero-inner h1,
  .privacy-hero h1 {
    font-size: 50px;
  }
}

@media (max-width: 470px) {
  .hero {
    background-image: url("../images/mobile_hero.png");
    background-size: cover;
    background-position: center;
    height: 400px;
  }

  .hero-inner {
    display: none;
  }

  .mobile-hero {
    display: block;
  }

  .footer-links p {
    width: 80%;
  }
}