:root {
    --white: #FFF;
    --black: #000;
    --green-dark: #515838;
    --green-text: #515639;
    --green-light: #c2d3ad;
    --grey: #cccccc;
    --grey-text: #c6c6c6;
    --overlay: #493e20; 

    --font: "Asty", serif;

    --font-bold: 500;

    --line-height-normal: 1.2;
    --line-height-medium: 120%;

    --size-title: 44px;
    --size-title-two: 40px;
    --size-menu: 24px;
    --size-sub: 32px;
    --size-medium: 20px;
    --size-text: 18px;
    --size-caption: 14px;

    --spacing-text: 25px;
    --spacing: 50px;
    --spacing-large: 100px;
}

@media (min-width: 1251px) and (max-width: 1400px) {
:root {
    --size-menu: 20px;
}
}

@media (max-width: 1250px) {
:root {
    --size-title: 32px;
    --size-title-two: 32px;
    --size-sub: 26px;
    --size-menu: 20px;
}
}

@media (max-width: 992px) {
:root {
    --size-title: 20px;
    --size-title-two: 20px;
    --size-menu: 18px;
    --size-sub: 18px;
    --size-medium: 16px;
    --size-text: 14px;
}
}