:root {
    --dark-blue: #252944;
    --green: #23B584;
    --yellow: #F9DD2A;
    --grey: #9294A1;
    --light-grey: #F4F4F4;
    --border-radius: 15px;
    --max-width-full: calc(100% - 40px);
    --max-width: 1180px;
    --wp--preset--spacing--20: 20px;
    --wp--preset--spacing--30: 40px;
    --wp--preset--spacing--40: 60px;
    --wp--preset--spacing--50: 80px;
    --wp--preset--spacing--60: 100px;
    --wp--preset--spacing--70: 140px;
    --wp--preset--spacing--80: 160px;
}

@media (max-width:880px) {
    :root {
        --max-width-full: calc(100% - 30px);
        --wp--preset--spacing--20: 10px;
        --wp--preset--spacing--30: 20px;
        --wp--preset--spacing--40: 30px;
        --wp--preset--spacing--50: 40px;
        --wp--preset--spacing--60: 50px;
        --wp--preset--spacing--70: 65px;
        --wp--preset--spacing--80: 80px;
    }
}