@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@400;500;700;900&display=swap');

/* One scale for every heading on the public site.
   Color is left to the page so white banner titles stay white. */
html {
    --kews-h1: 56px;
    --kews-h2: 36px;
    --kews-h3: 28px;
    --kews-h4: 22px;
    --kews-h5: 18px;
    --kews-h6: 16px;
}

@media (max-width: 1024px) {
    html {
        --kews-h1: 44px;
        --kews-h2: 30px;
        --kews-h3: 24px;
        --kews-h4: 20px;
        --kews-h5: 17px;
        --kews-h6: 16px;
    }
}

@media (max-width: 767px) {
    html {
        --kews-h1: 34px;
        --kews-h2: 26px;
        --kews-h3: 22px;
        --kews-h4: 18px;
        --kews-h5: 16px;
        --kews-h6: 15px;
    }
}

html body h1,
html body h1[class],
html body [class] h1,
html body [class] [class] h1,
html body [class] [class] [class] h1,
html body#home h1,
html body#home [class] [class] [class] h1 {
    font-family: "Yantramanav", sans-serif !important;
    font-size: var(--kews-h1) !important;
    font-weight: 900 !important;
    font-style: normal !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body h2,
html body h2[class],
html body [class] h2,
html body [class] [class] h2,
html body [class] [class] [class] h2,
html body#home h2,
html body#home [class] [class] [class] h2 {
    font-family: "Yantramanav", sans-serif !important;
    font-size: var(--kews-h2) !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body h3,
html body h3[class],
html body [class] h3,
html body [class] [class] h3,
html body [class] [class] [class] h3,
html body#home h3,
html body#home [class] [class] [class] h3 {
    font-family: "Yantramanav", sans-serif !important;
    font-size: var(--kews-h3) !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body h4,
html body h4[class],
html body [class] h4,
html body [class] [class] h4,
html body [class] [class] [class] h4,
html body#home h4,
html body#home [class] [class] [class] h4 {
    font-family: "Yantramanav", sans-serif !important;
    font-size: var(--kews-h4) !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body h5,
html body h5[class],
html body [class] h5,
html body [class] [class] h5,
html body [class] [class] [class] h5,
html body#home h5,
html body#home [class] [class] [class] h5 {
    font-family: "Yantramanav", sans-serif !important;
    font-size: var(--kews-h5) !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body h6,
html body h6[class],
html body [class] h6,
html body [class] [class] h6,
html body [class] [class] [class] h6,
html body#home h6,
html body#home [class] [class] [class] h6 {
    font-family: "Yantramanav", sans-serif !important;
    font-size: var(--kews-h6) !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body h3.footer,
html body#home h3.footer {
    color: #ffffff !important;
}