@font-face {
    font-family: 'ABCFavoritGreek-Bold';
    src: url('ABCFavoritGreek-Bold.woff2') format('woff2'),
         url('ABCFavoritGreek-Bold.woff') format('woff');
    font-weight: normal;
    /* font-style: normal; */
}
@font-face {
    font-family: 'ABCFavoritGreek-Regular';
    src: url('ABCFavoritGreek-Regular.woff2') format('woff2'),
         url('ABCFavoritGreek-Regular.woff') format('woff');
    font-weight: normal;
    /* font-style: normal; */
}
/**********************************************************************************************/
html {
    --font-b: "ABCFavoritGreek-Regular", sans-serif;
    --font-h: "ABCFavoritGreek-Bold", sans-serif;
}
body, .font-b {
    font-family: var(--font-b);
    font-kerning: none;
}
.font-h {
    font-family: var(--font-h);
    font-kerning: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, 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);
}
b, strong {
    font-weight: normal;
    font-family: var(--font-h);
}
/********************************************************************/
h1, .h1 {
    font-size: calc(1.25rem + ((1vw - 0.2rem) * 2.2371)); /* 20 - 30 */
    line-height: 125%;
}
@media (min-width: 768px) {
    h1, .h1 {
        font-size: calc(1.875rem + ((1vw - 0.48rem) * 4.4843)); /* 30 - 40 */
        line-height: 116%;
    }
}
@media (min-width: 992px) {
    h1, .h1 {
        font-size: calc(2.5rem + ((1vw - 0.62rem) * 4.8077)); /* 40 - 50 */
        line-height: 100%;
    }
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: calc(3.125rem + ((1vw - 0.750625rem) * 2.0877)); /* 50 - 60 */
        line-height: 110%;
    }
}
@media (min-width: 1680px) {
    h1, .h1 {
        font-size: 3.75rem; /* 60 */
        line-height: 108%;
    }
}
/********************************************************************/
h2, .h2 {
    font-size: calc(0.9375rem + ((1vw - 0.2rem) * 2.2371)); /* 15 - 25 */
    line-height: 126%;
}
@media (min-width: 768px) {
    h2, .h2 {
        font-size: calc(1.5625rem + ((1vw - 0.48rem) * 4.4643)); /* 25 - 35 */
        line-height: 112%;
    }
}
@media (min-width: 992px) {
    h2, .h2 {
        font-size: calc(2.1875rem + ((1vw - 0.62rem) * 2.4038)); /* 35 - 40 */
        line-height: 100%;
    }
}
@media (min-width: 1200px) {
    h2, .h2 {
        font-size: calc(2.5rem + ((1vw - 0.75rem) * 2.0833)); /* 40 - 50 */
    }
}
@media (min-width: 1680px) {
    h2, .h2 {
        font-size: 3.125rem; /* 50 */
        line-height: 90%;
    }
}
/********************************************************************/
h3, .h3 {
    font-size: calc(0.9375rem + ((1vw - 0.2rem) * 0.6696)); /* 15 - 18 */
    line-height: 126%;
}
@media (min-width: 768px) {
    h3, .h3 {
        font-size: calc(1.125rem + ((1vw - 0.48rem) * 3.125)); /* 18 - 25 */
        line-height: 111%;
    }
}
@media (min-width: 992px) {
    h3, .h3 {
        font-size: calc(1.5625rem + ((1vw - 0.62rem) * 2.4038)); /* 25 - 30 */
        line-height: 112%;
    }
}
@media (min-width: 1200px) {
    h3, .h3 {
        font-size: calc(1.875rem + ((1vw - 0.75rem) * 2.0833)); /* 30 - 40 */
        line-height: 100%;
    }
}
@media (min-width: 1680px) {
    h3, .h3 {
        font-size: 2.5rem; /* 40 */
    }
}
/********************************************************************/
h4, .h4 {
    font-size: calc(0.9375rem + ((1vw - 0.2rem) * 1.1161)); /* 15 - 20 */
    line-height: 126%;
}
@media (min-width: 768px) {
    h4, .h4 {
        font-size: calc(1.25rem + ((1vw - 0.48rem) * 4.4643)); /* 20 - 30 */
        line-height: 110%;
    }
}
@media (min-width: 992px) {
    h4, .h4 {
        font-size: calc(1.875rem + ((1vw - 0.62rem) * 2.4038)); /* 30 - 35 */
        line-height: 133%;
    }
}
@media (min-width: 1200px) {
    h4, .h4 {
        font-size: calc(2.1875rem + ((1vw - 0.75rem) * 1.0417)); /* 35 - 40 */
        line-height: 114%;
    }
}
@media (min-width: 1680px) {
    h4, .h4 {
        font-size: 2.5rem; /* 40 */
        line-height: 100%;
    }
}
/********************************************************************/
h5, .h5 {
    font-size: calc(0.8125rem + ((1vw - 0.2rem) * 1.1161)); /* 13 - 18 */
    line-height: 123%;
}
@media (min-width: 768px) {
    h5, .h5 {
        font-size: calc(1.125rem + ((1vw - 0.48rem) * 1.6204)); /* 18 - 25 */
        line-height: 111%;
    }
}
@media (min-width: 1200px) {
    h5, .h5 {
        font-size: calc(1.5625rem + ((1vw - 0.75rem) * 2.0833)); /* 25 - 35 */
        line-height: 112%;
    }
}
@media (min-width: 1680px) {
    h5, .h5 {
        font-size: 2.1875rem; /* 35 */
        line-height: 100%;
    }
}
/********************************************************************/
h6, .h6 {
    font-size: calc(0.8125rem + ((1vw - 0.2rem) * 0.4464)); /* 13 - 15 */
    line-height: 123%;
}
@media (min-width: 768px) {
    h6, .h6 {
        font-size: calc(0.9375rem + ((1vw - 0.48rem) * 1.3393)); /* 15 - 18 */
        line-height: 126%;
    }
}
@media (min-width: 992px) {
    h6, .h6 {
        font-size: calc(1.125rem + ((1vw - 0.62rem) * 3.3654)); /* 18 - 25 */
        line-height: 111%;
    }
}
@media (min-width: 1200px) {
    h6, .h6 {
        font-size: calc(1.5625rem + ((1vw - 0.75rem) * 1.0417)); /* 25 - 30 */
        line-height: 112%;
    }
}
@media (min-width: 1680px) {
    h6, .h6 {
        font-size: 1.875rem; /* 30 */
        line-height: 100%;
    }
}
/********************************************************************/
.h7 {
    font-size: calc(0.8125rem + ((1vw - 0.2rem) * 0.4464)); /* 13 - 15 */
    line-height: 123%;
}
@media (min-width: 768px) {
    .h7 {
        font-size: calc(0.9375rem + ((1vw - 0.48rem) * 1.3393)); /* 15 - 18 */
        line-height: 126%;
    }
}
@media (min-width: 992px) {
    .h7 {
        font-size: calc(1.125rem + ((1vw - 0.62rem) * 0.9615)); /* 18 - 20 */
        line-height: 111%;
    }
}
@media (min-width: 1200px) {
    .h7 {
        font-size: calc(1.25rem + ((1vw - 0.75rem) * 1.0417)); /* 20 - 25 */
        line-height: 125%;
    }
}
@media (min-width: 1680px) {
    .h7 {
        font-size: 1.5625rem; /* 25 */
        line-height: 112%;
    }
}
/********************************************************************/
.h8 {
    font-size: calc(0.8125rem + ((1vw - 0.2rem) * 0.6696)); /* 13 - 16 */
    line-height: 123%;
}
@media (min-width: 768px) {
    .h8 {
        font-size: calc(1rem + ((1vw - 0.48rem) * 1.7857)); /* 16 - 20 */
        line-height: 137%;
    }
}
@media (min-width: 992px) {
    .h8 {
        font-size: calc(1.25rem + ((1vw - 0.62rem) * 0.436)); /* 20 - 23 */
        line-height: 125%;
    }
}
@media (min-width: 1680px) {
    .h8 {
        font-size: 1.4375rem; /* 23 */
        line-height: 100%;
    }
}
/********************************************************************/
.h9 {
    font-size: calc(0.8125rem + ((1vw - 0.2rem) * 0.4464)); /* 13 - 16 */
    line-height: 123%;
}
@media (min-width: 992px) {
    .h9 {
        font-size: calc(1rem + ((1vw - 0.62rem) * 0.5814)); /* 16 - 20 */
        line-height: 137%;
    }
}
@media (min-width: 1680px) {
    .h9 {
        font-size: 1.25rem; /*  20 */
        line-height: 125%;
    }
}
/********************************************************************/
.h10 {
    font-size: calc(0.75rem + ((1vw - 0.2rem) * 0.1488)); /* 12 - 13 */
    line-height: 133%;
}
@media (min-width: 992px) {
    .h10 {
        font-size: calc(0.8125rem + ((1vw - 0.62rem) * 1.4423)); /* 13 - 16 */
        line-height: 123%;
    }
}
@media (min-width: 1200px) {
    .h10 {
        font-size: calc(1rem + ((1vw - 0.75rem) * 0.4167)); /* 16 - 18 */
        line-height: 146%;
    }
}
@media (min-width: 1680px) {
    .h10 {
        font-size: 1.125rem; /* 18 */
        line-height: 110%;
    }
}
/********************************************************************/
.h11 {
    font-size: calc(0.75rem + ((1vw - 0.2rem) * 0.4464)); /* 12 -14 */
    line-height: 133%;
}
@media (min-width: 768px) {
    .h11 {
        font-size: calc(0.875rem + ((1vw - 0.48rem) * 0.2193)); /* 14 - 16 */
        line-height: 142%;
    }
}
@media (min-width: 1680px) {
    .h11 {
        font-size: 1rem; /* 16 */
        line-height: 137%;
    }
}
/********************************************************************/
.h12 {
    font-size: calc(0.75rem + ((1vw - 0.2rem) * 0.1488)); /* 12 - 13 */
    line-height: 133%;
}
@media (min-width: 992px) {
    .h12 {
        font-size: calc(0.8125rem + ((1vw - 0.62rem) * 0.436)); /* 13 - 16 */
        line-height: 130%;
    }
}
@media (min-width: 1680px) {
    .h12 {
        font-size: 1rem; /* 16 */
        line-height: 137%;
    }
}
/********************************************************************/
.h13 {
    font-size: calc(0.75rem + ((1vw - 0.2rem) * 0.4464)); /* 12 -14 */
    line-height: 133%;
}
@media (min-width: 768px) {
    .h13 {
        font-size: calc(0.875rem + ((1vw - 0.48rem) * 0.1096)); /* 14 - 15 */
        line-height: 142%;
    }
}
@media (min-width: 1680px) {
    .h13 {
        font-size: 0.9375rem; /* 15 */
        line-height: 126%;
    }
}
/********************************************************************/
.h14 {
    font-size: calc(0.75rem + ((1vw - 0.2rem) * 0.1488)); /* 12 - 13 */
    line-height: 133%;
}
@media (min-width: 992px) {
    .h14 {
        font-size: calc(0.8125rem + ((1vw - 0.62rem) * 0.2907)); /* 13 - 15 */
        line-height: 130%;
    }
}
@media (min-width: 1680px) {
    .h14 {
        font-size: 0.9375rem; /* 15 */
        line-height: 133%;
    }
}
/********************************************************************/
.h15 {
    font-size: 0.6875rem; /* 11 */
    line-height: 133%;
}
@media (min-width: 768px) {
    .h15 {
        font-size: calc(0.6875rem + ((1vw - 0.48rem) * 0.8929)); /* 11 - 13 */
    }
}
@media (min-width: 992px) {
    .h15 {
        font-size: calc(0.8125rem + ((1vw - 0.62rem) * 0.2907)); /* 13 - 15 */
        line-height: 153%;
    }
}
@media (min-width: 1680px) {
    .h15 {
        font-size: 0.9375rem; /* 15 */
        line-height: 120%;
    }
}
/********************************************************************/
.h16 {
    font-size: 0.875rem; /* 14 */
    line-height: 142%;
}
/********************************************************************/
.h17, .theContent a {
    font-size: 0.6875rem; /* 11 */
    line-height: 136%;
}
@media (min-width: 768px) {
    .h17, .theContent a {
        font-size: calc(0.6875rem + ((1vw - 0.48rem) * 0.2193)); /* 11 - 13 */
        line-height: 133%;
    }
}
@media (min-width: 1680px) {
    .h17, .theContent a {
        font-size: 0.8125rem; /* 13 */
        line-height: 153%;
    }
}
/********************************************************************/
.h18 {
    font-size: 0.6875rem; /* 11 */
    line-height: 136%;
}
@media (min-width: 768px) {
    .h18 {
        font-size: calc(0.6875rem + ((1vw - 0.48rem) * 0.1096)); /* 11 - 12 */

    }
}
@media (min-width: 1680px) {
    .h18 {
        font-size: 0.75rem; /* 12 */
        line-height: 116%;
    }
}
/********************************************************************/
.h19 {
    font-size: 0.6875rem; /* 11 */
    line-height: 136%;
}
/********************************************************************/
body, p {
    font-size: calc(0.75rem + ((1vw - 0.2rem) * 0.2232)); /* 12 -13 */
    line-height: 133%;
}
@media (min-width: 768px) {
    body, p {
        font-size: calc(0.8125rem + ((1vw - 0.48rem) * 0.463)); /* 13 - 15 */
        line-height: 123%;
    }
}
@media (min-width: 1200px) {
    body, p {
        font-size: calc(0.9375rem + ((1vw - 0.75rem) * 0.625)); /* 15 - 18 */
        line-height: 146%;
    }
}
@media (min-width: 1680px) {
    body, p {
        font-size: 1.125rem; /* 18 */
        line-height: 150%;
    }
}
/********************************************************************/
.ls-20 {
    letter-spacing: calc(0.03125rem + ((1vw - 0.2rem) * 0.0111)); /* 0.5px - 0.75px */
    font-feature-settings: 'liga' off, 'calt' off;
    text-rendering: geometricPrecision;
}
.ls-50 {
    letter-spacing: calc(0.0625rem + ((1vw - 0.2rem) * 0.0222)); /* 1px - 1.5px */
    font-feature-settings: 'liga' off, 'calt' off;
    text-rendering: geometricPrecision;
}
.ls-70 {
    letter-spacing: calc(0.09375rem + ((1vw - 0.2rem) * 0.0333)); /* 1.5px - 2px */
    font-feature-settings: 'liga' off, 'calt' off;
    text-rendering: geometricPrecision;
}
.ls-100 {
    letter-spacing: calc(0.125rem + ((1vw - 0.2rem) * 0.0444)); /* 2px - 3px */
    font-feature-settings: 'liga' off, 'calt' off;
    text-rendering: geometricPrecision;
}
.theContent p {
    margin-bottom: 1rem;
    letter-spacing: var(--ls-20);
}