@media (max-width: 991.98px) {
  html:not(.mobile-fonts-ready) body,
  html:not(.mobile-fonts-ready) h1,
  html:not(.mobile-fonts-ready) h2,
  html:not(.mobile-fonts-ready) h3,
  html:not(.mobile-fonts-ready) h4,
  html:not(.mobile-fonts-ready) h5,
  html:not(.mobile-fonts-ready) h6,
  html:not(.mobile-fonts-ready) p,
  html:not(.mobile-fonts-ready) a,
  html:not(.mobile-fonts-ready) li,
  html:not(.mobile-fonts-ready) span,
  html:not(.mobile-fonts-ready) strong,
  html:not(.mobile-fonts-ready) em,
  html:not(.mobile-fonts-ready) small,
  html:not(.mobile-fonts-ready) label,
  html:not(.mobile-fonts-ready) button,
  html:not(.mobile-fonts-ready) input,
  html:not(.mobile-fonts-ready) textarea,
  html:not(.mobile-fonts-ready) select {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  }
}