:root {
    --font-size-h1-main: 70px;
    --font-size-h1: 50px;
    --font-size-h2: 50px;
    --font-size-h3: 25px;
    --font-size-label: 12px;
    --font-size-default: 18px;

    --container-width: 1720px;

    --color-default: #424242;
    --color-white: #FEFEFE;
    --color-accent: #516A5C;
    --color-blur: rgba(22, 24, 22, 0.75)
}

@media (max-width: 990px) {
    :root {
        --font-size-h1-main:60px;
        --font-size-default: 17px;
        --font-size-h1: 40px;
        --font-size-h2: 40px;
        --font-size-h3: 22px;
    }
}

@media (max-width: 780px) {
    :root {
        --font-size-h1-main: 50px;
    }
}


@media (max-width: 540px) {
    :root {
        --font-size-h1-main: 40px;
        --font-size-default: 16px;
        --font-size-h1: 25px;
        --font-size-h2: 25px;
        --font-size-h3: 20px;
    }
}

@media (max-width: 460px) {
    :root {
        --font-size-h1-main: 30px;
    }
}