html, body {
  background-color: #f2ebff;
}

body {
  padding-bottom: 5rem;
}

@media (min-width: 768px) and (max-width: 1536px) {
  .site-top-nav > div { padding-left: 1rem; padding-right: 1rem; }
  .site-brand { font-size: 1rem; white-space: nowrap; }
  .site-desktop-links { gap: 1rem; }
  .site-desktop-links a { font-size: .72rem; white-space: nowrap; }
  .site-nav-actions { gap: .4rem; }
  .site-nav-actions a { padding: .4rem .6rem; font-size: .7rem; white-space: nowrap; }
  .site-call-link { display: none; }
  .site-footer { font-size: .85rem; }
  .site-footer h4 { margin-bottom: 1rem; font-size: .85rem; }
  .site-footer .site-footer-brand { font-size: 1rem; }
  h1 { font-size: clamp(2rem, 3.4vw, 3.25rem) !important; line-height: 1.12 !important; }
  h2 { font-size: clamp(1.65rem, 2.5vw, 2.4rem) !important; line-height: 1.2 !important; }
  h3 { font-size: clamp(1.25rem, 1.8vw, 1.65rem) !important; }
}

@media (max-width: 767px) {
  body { padding-bottom: 5rem; }
  .site-mobile-nav { gap: .15rem; }
}