@font-face {
    font-family: 'Superscience_Medium';
    src: url('Superscience-Medium.woff2') format('woff2'),
        url('Superscience-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Superscience_Regular';
    src: url('Superscience-Regular.woff2') format('woff2'),
        url('Superscience-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*****************************************************************************************************/
html {
    --font-b: 'Superscience_Regular';
    --font-h: 'Superscience_Medium';
}
body, .font-b {
    font-family: var(--font-b);
    font-kerning: none;
}
.font-h {
    font-family: var(--font-h);
    font-kerning: none;
    font-weight: 500;
}
.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9, .h10, .h11, .h12, h1, h2, h3, h4, h5, h6, p, a {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-font-kerning: none;
    font-kerning: none;
    text-rendering: optimizeLegibility;
    color: var(--color-black);
}
/*****************************************************************************************************/
h1, .h1 {
    font-size: calc(4.625rem + ((1vw - 0.225rem) * 1.4706)); /* 74 - 80 */
    line-height: 120%;
}
@media (min-width: 744px) {
    h1, .h1 {
        font-size: calc(5rem + ((1vw - 0.48rem) * 4.6296)); /* 80 - 120 */
    }
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: calc(6.25rem + ((1vw - 0.75rem) * 3.3333)); /* 100 - 120 */
        line-height: 110%;
    }
}
@media (min-width: 1800px) {
    h1, .h1 {
        font-size: 7.5rem; /* 120 */
    }
}
/*****************************************************************************************************/
h2, .h2 {
    font-size: calc(2.25rem + ((1vw - 0.225rem) * 2.9412)); /* 36 - 48 */
    line-height: 120%;
}
@media (min-width: 744px) {
    h2, .h2 {
        font-size: calc(3rem + ((1vw - 0.48rem) * 2.7778)); /* 48 - 60 */
    }
}
@media (min-width: 1200px) {
    h2, .h2 {
        font-size: calc(3.75rem + ((1vw - 0.75rem) * 1.6667)); /* 60 - 70 */
        line-height: 110%;
    }
}
@media (min-width: 1800px) {
    h2, .h2 {
        font-size: 4.375rem; /* 70 */
    }
}
/*****************************************************************************************************/
h3, .h3 {
    font-size: calc(1.625rem + ((1vw - 0.225rem) * 3.9216)); /* 26 - 42 */
    line-height: 120%;
}
@media (min-width: 744px) {
    h3, .h3 {
        font-size: calc(2.625rem + ((1vw - 0.48rem) * 0.9259)); /* 42 - 46 */
    }
}
@media (min-width: 1200px) {
    h3, .h3 {
        font-size: calc(2.875rem + ((1vw - 0.75rem) * 2.3333)); /* 46 - 60 */
        line-height: 110%;
    }
}
@media (min-width: 1800px) {
    h3, .h3 {
        font-size: 3.75rem; /* 60 */
    }
}
/*****************************************************************************************************/
h4, .h4 {
    font-size:calc(1.125rem + ((1vw - 0.225rem) * 0.9804)); /* 18 - 22 */
    line-height: 140%;
}
@media (min-width: 744px) {
    h4, .h4 {
        font-size: calc(1.375rem + ((1vw - 0.48rem) * 0.9259)); /* 22 - 26 */
    }
}
@media (min-width: 1200px) {
    h4, .h4 {
        font-size: calc(1.625rem + ((1vw - 0.75rem) * 0.6667)); /* 26 - 30 */
        line-height: 130%;
    }
}
@media (min-width: 1800px) {
    h4, .h4 {
        font-size: 1.875rem; /* 30 */
    }
}
/*****************************************************************************************************/
h5, .h5 {
    font-size: calc(1.25rem + ((1vw - 0.225rem) * 0.4902)); /* 20 - 22 */
    line-height: 120%;
}
@media (min-width: 744px) {
    h5, .h5 {
        font-size: calc(1.375rem + ((1vw - 0.48rem) * 0.463)); /* 22 - 24 */
    }
}
@media (min-width: 1200px) {
    h5, .h5 {
        font-size: calc(1.5rem + ((1vw - 0.75rem) * 0.3333)); /* 24 - 26 */
        line-height: 110%;
    }
}
@media (min-width: 1800px) {
    h5, .h5 {
        font-size: 1.625rem; /* 26 */
    }
}
/*****************************************************************************************************/
h6, .h6 {
    font-size: calc(1.125rem + ((1vw - 0.225rem) * 0.4902)); /* 18 - 20 */
    line-height: 140%;
}
@media (min-width: 744px) {
    h6, .h6 {
        font-size: calc(1.25rem + ((1vw - 0.48rem) * 0.463)); /* 20 - 22 */
        line-height: 130%;
    }
}
@media (min-width: 1200px) {
    h6, .h6 {
        font-size: calc(1.375rem + ((1vw - 0.75rem) * 0.3333)); /* 22 - 24 */
    }
}
@media (min-width: 1800px) {
    h6, .h6 {
        font-size: 1.5rem; /* 24 */
    }
}
/*****************************************************************************************************/
.h7 {
    font-size: 1.125rem; /* 18 */
    line-height: 140%;
}
@media (min-width: 744px) {
    .h7 {
        font-size: calc(1.125rem + ((1vw - 0.48rem) * 0.463)); /* 18 - 20 */
    }
}
@media (min-width: 1200px) {
    .h7 {
        font-size: calc(1.25rem + ((1vw - 0.75rem) * 0.3333)); /* 20 - 22 */
        line-height: 130%;
    }
}
@media (min-width: 1800px) {
    .h7 {
        font-size: 1.375rem; /* 22 */
    }
}
/*****************************************************************************************************/
.h8 {
    font-size: 1rem; /* 16 */
    line-height: 140%;
}
@media (min-width: 1200px) {
    .h8 {
        font-size: calc(1rem + ((1vw - 0.75rem) * 0.3333)); /* 16 - 18 */
    }
}
@media (min-width: 1800px) {
    .h8 {
        font-size: 1.125rem; /* 18 */
    }
}
/*****************************************************************************************************/
.h9 {
    font-size: 1rem; /* 16 */
    line-height: 140%;
}
/*****************************************************************************************************/
.h10 {
    font-size: 0.9375rem; /* 15 */
    line-height: 140%;
}
/*****************************************************************************************************/
.h11 {
    font-size: 0.875rem; /* 14 */
    line-height: 140%;
}
/*****************************************************************************************************/
.h12 {
    font-size: 0.75rem; /* 12 */
    line-height: 140%;
}
/*****************************************************************************************************/
body, p {
    font-size: calc(1rem + ((1vw - 0.225rem) * 0.4902)); /* 16 - 18 */
    line-height: 140%;
}
@media (min-width: 1200px) {
    body, p {
        font-size: calc(1.125rem + ((1vw - 0.75rem) * 0.3333)); /* 18 - 20 */
        line-height: 130%;
    }
}
@media (min-width: 1800px) {
    body, p {
        font-size: 1.25rem; /* 20 */
    }
}
/*****************************************************************************************************/
.custom-font {
    font-size: 0.625rem; /* 10 */
    line-height: 110%;
}
@media (min-width: 1800px) {
    .custom-font {
        font-size: 0.875rem; /* 14 */
    }
}
/*****************************************************************************************************/
.theContent h1,
.theContent h2,
.theContent h3,
.theContent h4,
.theContent h5,
.theContent h6 {
    font-size: calc(1.25rem + ((1vw - 0.225rem) * 0.4167)); /*  20 - 26 */
    line-height: 120%;
    margin-bottom: 1rem;
    font-family: var(--font-h);
    color: var(--color-black);
}
.theContent p,
.theContent li {
    font-size: calc(1rem + ((1vw - 0.225rem) * 0.2778)); /* 16 - 20 */
    line-height: 120%;
    margin-bottom: 1rem;
    color: var(--color-black);
}
.theContent ul {
    margin: 1rem 0;
}
@media (min-width: 1800px) {
    .theContent h1,
    .theContent h2,
    .theContent h3,
    .theContent h4,
    .theContent h5,
    .theContent h6 {
        font-size: 1.625rem; /* 26 */
        line-height: 130%;
    }
    .theContent p,
    .theContent li {
        font-size: 1.25rem; /* 20 */
    }
}
/*****************************************************************************************************/