/*
 * Universal H2 scale
 * Loaded after page-specific styles so every H2 remains exactly 56px
 * across desktop, tablet and mobile layouts.
 */
html:root body h2,
html:root body h2[class],
html:root body[class] h2,
html:root body[class] h2[class],
html:root body[class] [class] h2 {
  font-size: 56px !important;
}

@media (max-width: 1024px) {
  html:root body h2,
  html:root body h2[class],
  html:root body[class] h2,
  html:root body[class] h2[class],
  html:root body[class] [class] h2 {
    font-size: 48px !important;
  }
}

@media (max-width: 640px) {
  html:root body h2,
  html:root body h2[class],
  html:root body[class] h2,
  html:root body[class] h2[class],
  html:root body[class] [class] h2 {
    font-size: 44px !important;
  }
}