@font-face {
    font-family: "Arial Rounded MT Bold";
    src: url("../fonts/arial-rounded-mt-bold.ttf");
}

:root {

    --logo-height: 196px;

    --h1-font: "Arial Rounded MT Bold";
    --h1-font-size: 69px;
    --h1-font-weight: 400;
    --h1-line-height: 1;
    --h1-color: #414141;

    --text-font: Arial;
    --text-font-size: 18px;
    --text-font-weight: 400;
    --text-line-height: 1.15;
    --text-color: #000000;

    --link-font: Arial;
    --link-font-size: 18px;
    --link-font-weight: 400;
    --link-line-height: 1.15;
    --link-color: #3B5088;
    --link-hover-color: #000000;

    --watermark-background-color: #CBCBCB;
    --watermark-max-height: 100%;
}

@media (max-width: 700px) {
    :root {
        --logo-height: 90px;
        --h1-font-size: 24px;
        --text-font-size: 16px;
        --link-font-size: 16px;
    }
}