/* About-page spacing fix.
   Keeps the large desktop logo from overlapping the page heading. */

.about-page {
  padding-top: 155px;
}

/* The page now begins directly with "About". */
.about-heading {
  margin-bottom: 42px;
}

/* At tablet widths the logo is still positioned over the page,
   so preserve extra clearance. */
@media (max-width: 940px) and (min-width: 761px) {
  .about-page {
    padding-top: 145px;
  }
}

/* On phones the logo returns to normal document flow, so compact spacing is safe. */
@media (max-width: 760px) {
  .about-page {
    padding-top: 38px;
  }
}