:root {
    /* Headers */
    --font-size-h1: 36px;
    --font-size-h2: 36px;
    --font-size-h3: 24px;

    /* Other */
    --font-size-subtitle: 18px;
    --font-size-default: 15px;

    /* Colors accent */
    --color-blue: #0F418F;
    --color-green: #008251;
    --color-red: #E4003A;
    --color-accent: #0077E4;
    --color-dark: #1A1515;

    /* Colors other */
    --color-white: #FFFFFF;
    --color-border: #454575;
    --color-subtitle: #DCDCDC;
    --color-row-even: #DBDFEC;
    --color-second-bg: #ECEFF7;
    --color-grey: #7E7E7E;

    /* Resolutions */
    --container-width: 1160px;
}


@media (max-width: 490px) {
    :root {
        --font-size-h1: 32px;
        --font-size-h2: 32px;
    }
}


@media (max-width: 360px) {
    :root {
        --font-size-h1: 28px;
        --font-size-h2: 28px;
    }
}