/* ================= ABOUT PAGE HERO ================= */

.about-page-hero {
  padding: 140px 60px 80px;
  background: #ffffff;
}

.about-page-container {
  max-width: 900px;
  margin: 0 auto;
}

.about-page-container h1 {
  font-size: 40px;
  font-weight: 700;
  color: #111;
  margin-bottom: 20px;
}

.about-page-intro {
  font-size: 17px;
  line-height: 1.8;
  color: #444;
  max-width: 820px;
}

/* ================= MOBILE ================= */

@media (max-width: 900px) {

  .about-page-hero {
    padding: 120px 24px 60px;
  }

  .about-page-container h1 {
    font-size: 32px;
  }

  .about-page-intro {
    font-size: 16px;
    line-height: 1.7;
  }
}