/* Variables */


:root{
    /* fonts */
    --ff-brand: 'Geomanist';
    --ff-body: "Rubik", sans-serif;

    /* font-weight */
    --fw-light:300;
    --fw-regular:400;
    --fw-medium: 500;

    /* colours */
    --clr-blue: #7FBCCE;
    --clr-black: #1C1824;
    --clr-white: #ffffff;
    --clr-orange: #EB7B37;
    --clr-org: #E0653E;
    --clr-yellow: #F6D167;
    --bg-yellow: #FFFDF4;
}
    
/* paddings */
:root{
    --container-inline-padding:120px;
    --container-padding-block:60px;
    --container-max-size:1600px;
}
@media (max-width: 2600px){
    :root{
        --container-padding-inline: 120px;
        --container-padding-block: 100px;
    }
}


@media (max-width: 1440px){
    :root{
        --container-padding-inline: 80px;
        --container-padding-block: 70px;
        --container-max-size:2000px;
    }
}

@media (max-width: 1024px){
    :root{
        --container-padding-inline: 60px;
        --container-padding-block: 70px;
    }
}

@media (max-width: 768px) {
    :root {
        --container-padding-inline: 40px;
        --container-padding-block: 60px;
    }
}

@media (max-width: 600px) {
    :root {
        --container-padding-inline: 20px;
        --container-padding-block: 30px;
    }

}