/* Shared heading hierarchy across the home page and subpages. */
:root {
  --title-page-size: 58px;
  --title-section-size: 40px;
  --title-module-size: 18px;
  --title-weight: 700;
  --title-color: #071d49;
}

.hero h1,
.sub-hero-copy h1 {
  color: var(--title-color);
  font-size: var(--title-page-size);
  font-weight: var(--title-weight);
  line-height: 1.12;
}

.section .heading-with-logo,
.faq-intro h2,
.review-heading h2,
.simple-section h2 {
  color: var(--title-color);
  font-size: var(--title-section-size);
  font-weight: var(--title-weight);
  line-height: 1.2;
}

.update-sheet h2,
.scene-main-note h2 {
  color: var(--title-color);
  font-size: 22px;
  font-weight: var(--title-weight);
}

main .section .card h3,
main .section .milestone h3,
.simple-section h3 {
  color: var(--title-color);
  font-size: var(--title-module-size) !important;
  font-weight: var(--title-weight);
  line-height: 1.7;
}

.download-band h2,
.sub-download h2 {
  color: #fff;
  font-size: var(--title-section-size);
  font-weight: var(--title-weight);
  line-height: 1.2;
}

@media (max-width: 820px) {
  :root {
    --title-page-size: 40px;
    --title-section-size: 30px;
  }
}

@media (max-width: 480px) {
  :root {
    --title-page-size: 36px;
    --title-section-size: 28px;
    --title-module-size: 17px;
  }
}