@font-face {
    font-family: 'nb_international_promono';
    src: url('../fonts/nbinternationalpromono-webfont.eot');
    src: url('../fonts/nbinternationalpromono-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nbinternationalpromono-webfont.woff2') format('woff2'),
         url('../fonts/nbinternationalpromono-webfont.woff') format('woff'),
         url('../fonts/nbinternationalpromono-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ApparatRegular';
    src: url('../fonts/ApparatRegular.eot');
    src: url('../fonts/ApparatRegular.eot') format('embedded-opentype'),
         url('../fonts/ApparatRegular.woff2') format('woff2'),
         url('../fonts/ApparatRegular.woff') format('woff'),
         url('../fonts/ApparatRegular.ttf') format('truetype'),
         url('../fonts/ApparatRegular.svg#ApparatRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body,
input,
textarea,
button {
   font-family: 'nb_international_promono', sans-serif;
   font-size: 11px;
   line-height: 17px;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   color: var(--main-color);
}

.alternativeFont {
    font-family: 'ApparatRegular', 'nb_international_promono', sans-serif;
}


@media only screen and (max-width: 1100px) {
    body,
    input,
    textarea,
    button {
       font-size: 10px;
       line-height: 16px;
    }
}

@media only screen and (max-width: 768px) {
    body,
    input,
    textarea,
    button {
        font-size: 12px;
        line-height: 18px;
    }

    .fontSizeMobileTitle {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: 0;
    }
}