: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.25;
    --line-height-medium: 125%;

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

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

    --mobile-spacing: 20px;

    --m-top: 13vh;
}

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

@media (max-width: 1500px) {
:root {
    --size-title: 42px;
    --size-title-two: 38px;
    --size-sub: 29px;
    --size-menu: 22px;
    --size-menu-new: 26px;
}
}

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

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