/* DESKTOP */

/* Variables */

:root {
    --main-color: #FFBB00;
    --alt-color: #30384A;
    --alt-color-lighter: #233952;
    --light-bg-color: #f6f6f6;
    --main-bg-color: #101021;

    --grid-max-width: 85vw;
    --grid-smaller-max-width: 50vw;
    --grid-width-inner-half: calc((100vw - var(--grid-max-width))/2);

    --vertical-padding-xl: 6vw;
    --vertical-padding-l: 2.1vw;
    --vertical-padding-m: 1.3vw;
    --vertical-padding-s: 0.9vw;

    --horizontal-padding-xl: 6vw;
    --horizontal-padding-l: 2.1vw;
    --horizontal-padding-m: 1.3vw;
    --horizontal-padding-s: 0.9vw;

    --vertical-margin-xl: 6vw;
    /* 64 px */
    --vertical-margin-l: 2.1vw;
    /* 32 px */
    --vertical-margin-m: 1.7vw;
    /* 24 px */
    --vertical-margin-s: 1.3vw;
    /* 16 px */
    --vertical-margin-xs: 0.9vw;
    /* 18 px */

    --h-font-family: "Montserrat", sans-serif;
    --h-font-size-l: 54px;
    --h-font-size-m: 32px;
    --h-font-weight: 400;

    --subh-font-size: 20px;

    --body-font-family: "Poppins", sans-serif;
    --body-font-size: 17px;


    --font-size-xs: 1vw;
    --font-size-s: 1.2vw;
    --font-size-m: 1.4vw;
    --font-size-l: 1.6vw;
    --font-size-xl: 2.5vw;

    --font-color-light: #fff;
    --font-color-dark: #000;

    --button-padding: 1.5vw 3vw;
    --button-border-radius: 150px;
    --button-font-size: 1.4vw;
    --button-font-weight: 600;
    --button-font-family: "paralucent-text", sans-serif;
    --button-min-width: 12vw;

    --default-overlay: rgba(0, 0, 0, 0.5);

    --base-flex-gap: 10px;
    --default-col-gap: 4vw;
    --big-col-gap: 120px;

    --blurb-icon-width: 32px;
}

@media only screen and (max-width: 720px) {

    :root {

        --h-font-size-l: 12vw;

        --grid-max-width: 80vw;

        --font-size-xs: 2.6vw;
        --font-size-s: 3vw;
        --font-size-m: 4vw;
        --font-size-l: 4.5vw;
        --font-size-xl: 6vw;

        --button-font-size: 3.5vw;
        --button-padding: 3vw 6vw;

        --vertical-margin-xl: 22vw;
        --vertical-margin-l: 6.3vw;
        --vertical-margin-m: 5.1vw;
        --vertical-margin-s: 3.9vw;
        --vertical-margin-xs: 2.1vw;

        --horizontal-padding-xl: 18vw;
        --horizontal-padding-l: 6.3vw;
        --horizontal-padding-m: 3.9vw;
        --horizontal-padding-s: 2.7vw;

        --vertical-padding-xl: 18vw;
        --vertical-padding-l: 6.3vw;
        --vertical-padding-m: 3.9vw;
        --vertical-padding-s: 2.7vw;
    }


}