/* Infographics page.
   Rules copied from the <style> block of "Infographics.dc.html"; everything
   else on the page is inline, as in the design. Scoped under .ij-infographics
   so the other Beaver Builder pages are untouched. */

.ij-infographics { font-family: var(--font-sans); font-weight: 500; color: var(--color-text); -webkit-font-smoothing: antialiased; }
.ij-infographics a { color: var(--color-link); text-decoration: none; }

/* The grid: three across, two on a tablet, one on a phone. */
@media (max-width: 1000px) { .ij-infographics .infogrid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
@media (max-width: 620px)  { .ij-infographics .infogrid { grid-template-columns: minmax(0,1fr) !important; } }

@media (max-width: 720px) {
  .ij-infographics h1 { font-size: 36px !important; letter-spacing: -1.6px !important; }
}