/* Shared type scale for the site's secondary pages. The product-led homepage
   has its own typography in renewal-top.css. */
:root {
  font-size: 18px;
}

body {
  font-size: 1rem;
}

.header__nav a,
.mobile-nav a,
.footer__links a,
.footer__brand p,
.footer__col-title,
.cookie-banner p {
  font-size: .9rem;
}

.footer__copyright,
.footer__legal a {
  font-size: .84rem;
}

/* The import page uses a separate, pixel-based stylesheet. */
.global-nav {
  font-size: 16px;
}

.breadcrumb,
.eyebrow {
  font-size: 14px;
}

.hero-lead {
  font-size: clamp(17px, 1.7vw, 20px);
}

.section-subtitle {
  font-size: 18px;
}

.section-note,
.image-label {
  font-size: 14px;
}

.product-body p,
.product-card-consult p,
.flow-card p,
.footer-brand p,
.footer-nav a {
  font-size: 16px;
}

.contact-content p {
  font-size: 17px;
}

.footer-nav h2 {
  font-size: 16px;
}

.footer-bottom {
  font-size: 14px;
}

@media (max-width: 820px) {
  .global-nav a {
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  :root {
    font-size: 17px;
  }
}