@font-face {
    font-family: 'gotham_greekbold';
    src: url('gothamgrbold-webfont.woff2') format('woff2'),
         url('gothamgrbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_greekbook';
    src: url('gothamgrbook-webfont.woff2') format('woff2'),
         url('gothamgrbook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_greekmedium';
    src: url('gothamgrmedium-webfont.woff2') format('woff2'),
         url('gothamgrmedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*****************************************************************************************************/
html {
    --font-b: 'gotham_greekbook';
    --font-bold: 'gotham_greekbold';
    --font-h: 'gotham_greekmedium';
}
body, .font-b {
    font-family: var(--font-b);
    font-kerning: none;
}
.font-h {
    font-family: var(--font-h);
    font-kerning: none;
}
.font-bold {
    font-family: var(--font-bold);
    font-kerning: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9, 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(1.25rem + ((1vw - 0.225rem) * 1.5625)); /* 20 - 26 */
    line-height: 120%;
}
@media (min-width: 744px) {
    h1, .h1 {
        font-size: calc(1.625rem + ((1vw - 0.465rem) * 1.3158)); /* 26 - 32 */
        
    }
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: calc(2rem + ((1vw - 0.75rem) * 1.6667)); /* 32 - 42 */
        line-height: 110%;
    }
}
@media (min-width: 1800px) {
    h1, .h1 {
        font-size: 2.625rem; /* 42 */
        line-height: 100%;
    }
}
/*****************************************************************************************************/
h2, .h2 {
    font-size: calc(1.25rem + ((1vw - 0.225rem) * 0.5208)); /* 20 - 22 */
    line-height: 120%;
}
@media (min-width: 744px) {
    h2, .h2 {
        font-size: calc(1.375rem + ((1vw - 0.465rem) * 0.8772)); /* 22 - 26 */
        
    }
}
@media (min-width: 1200px) {
    h2, .h2 {
        font-size: calc(1.625rem + ((1vw - 0.75rem) * 1)); /* 26 - 32 */
        
    }
}
@media (min-width: 1800px) {
    h2, .h2 {
        font-size: 2rem; /* 32 */
        line-height: 110%;
        
    }
}
/*****************************************************************************************************/
h3, .h3 {
    font-size: calc(1.125rem + ((1vw - 0.225rem) * 0.5208)); /* 18 - 20 */
    line-height: 140%;
}
@media (min-width: 744px) {
    h3, .h3 {
        font-size: calc(1.25rem + ((1vw - 0.465rem) * 0.4386)); /* 20 - 22 */
        line-height: 120%;
    }
}
@media (min-width: 1200px) {
    h3, .h3 {
        font-size: calc(1.375rem + ((1vw - 0.75rem) * 0.6667)); /* 22 - 26 */
    }
}
@media (min-width: 1800px) {
    h3, .h3 {
        font-size: 1.625rem; /* 26 */
    }
}
/*****************************************************************************************************/
h4, .h4 {
    font-size: 1.125rem; /* 18 */
    line-height: 140%;
}
@media (min-width: 744px) {
    h4, .h4 {
        font-size: calc(1.125rem + ((1vw - 0.465rem) * 0.4386)); /* 18 - 20 */
    }
}
@media (min-width: 1200px) {
    h4, .h4 {
        font-size: calc(1.25rem + ((1vw - 0.75rem) * 0.3333)); /* 20 - 22 */
        line-height: 140%;
    }
}
@media (min-width: 1800px) {
    h4, .h4 {
        font-size: 1.375rem; /* 22 */
    }
}
/*****************************************************************************************************/
h5, .h5 {
    font-size: calc(1rem + ((1vw - 0.225rem) * 0.5208)); /* 16 - 18 */
    line-height: 140%;
}
@media (min-width: 744px) {
    h5, .h5 {
        font-size: 1.125rem; /* 18 */
    }
}
@media (min-width: 1200px) {
    h5, .h5 {
        font-size: calc(1.125rem + ((1vw - 0.75rem) * 0.3333)); /* 18 - 20 */
        line-height: 120%;
    }
}
@media (min-width: 1800px) {
    h5, .h5 {
        font-size: 1.25rem; /* 20 */
    }
}
/*****************************************************************************************************/
h6, .h6 {
    font-size: calc(1rem + ((1vw - 0.225rem) * 0.5208)); /* 16 - 18 */
    line-height: 140%;
}
@media (min-width: 744px) {
    h6, .h6 {
        font-size: 1.125rem; /* 18 */
    }
}
/*****************************************************************************************************/
.h7 {
    font-size: calc(0.75rem + ((1vw - 0.225rem) * 0.5208)); /* 12 - 14 */
    line-height: 140%;
}
@media (min-width: 744px) {
    .h7 {
        font-size: 0.875rem; /* 14 */
    }
}
/*****************************************************************************************************/
.h8 {
    font-size: calc(0.625rem + ((1vw - 0.225rem) * 0.5208)); /* 10 - 12 */
    line-height: 140%;
}
@media (min-width: 744px) {
    .h8 {
        font-size: 0.75rem; /* 12 */
    }
}
/*****************************************************************************************************/
.h9 {
    font-size: 0.625rem; /* 10 */
    line-height: 140%;
}
/*****************************************************************************************************/
body, p {
    font-size: calc(0.875rem + ((1vw - 0.225rem) * 0.5208)); /* 14 - 16 */
    line-height: 140%;
}
@media (min-width: 744px) {
    body, p {
        font-size: 1rem; /* 16 */
    }
}
/*****************************************************************************************************/
.footer-font {
    font-size: 1rem; /* 16 */
    line-height: 140%;
}
/*****************************************************************************************************/
.theContent h1,
.theContent h2,
.theContent h3,
.theContent h4,
.theContent h5,
.theContent h6,
.theContent p {
    font-size: calc(0.875rem + ((1vw - 0.225rem) * 0.5208)); /* 14 - 16 */
    line-height: 140%;
    margin-bottom: 1rem;
    font-family: var(--font-b);
}
@media (min-width: 744px) {
    .theContent h1,
    .theContent h2,
    .theContent h3,
    .theContent h4,
    .theContent h5,
    .theContent h6,
    .theContent p {
        font-size: 1rem; /* 16 */
    }
}