/* =================================================================ators */
/* W3.CSS 10% Font Size Reduction Override Layer                      */
/* ================================================================= */

/* 1. Reduce the global base font size from W3.CSS default (15px -> ~13.5px) */
html {
  font-size: 90%;
}

/* 2. Explicitly scale down W3.CSS explicit heading sizes by 10% */
h1 { font-size: 32.4px !important; } /* Default: 36px */
h2 { font-size: 27px !important; }   /* Default: 30px */
h3 { font-size: 21.6px !important; } /* Default: 24px */
h4 { font-size: 18px !important; }   /* Default: 20px */
h5 { font-size: 16.2px !important; } /* Default: 18px */
h6 { font-size: 14.4px !important; } /* Default: 16px */

/* 3. Scale down W3.CSS specific text-size modifier classes */
.w3-tiny      { font-size: 9px !important; }    /* Default: 10px */
.w3-small     { font-size: 10.8px !important; } /* Default: 12px */
.w3-medium    { font-size: 13.5px !important; } /* Default: 15px */
.w3-large     { font-size: 16.2px !important; } /* Default: 18px */
.w3-xlarge    { font-size: 21.6px !important; } /* Default: 24px */
.w3-xxlarge   { font-size: 32.4px !important; } /* Default: 36px */
.w3-xxxlarge  { font-size: 43.2px !important; } /* Default: 48px */
.w3-jumbo     { font-size: 57.6px !important; } /* Default: 64px */

/* 4. Fine-tune component containers affected by inherited large fonts (like bars) */
.w3-bar, 
.w3-bar-item, 
.w3-button {
  font-size: inherit;
}