@media not all and (min-width: 1536px) {
    :root {
        --wp--custom--wrapper--px: 100px !important;
    }
}

@media not all and (min-width: 1280px) {
    :root {
        --wp--custom--wrapper--px: 80px !important;
        --wp--custom--wrapper--gap: 80px !important;
        --wp--preset--font-size--70: 60px !important;
        --wp--preset--font-size--60: 56px !important;
        --wp--preset--font-size--40: 36px !important;
        --wp--preset--font-size--36: 32px !important;
    }
}

@media not all and (min-width: 1024px) {
    :root {
        --wp--custom--wrapper--px: 60px !important;
        --wp--custom--wrapper--gap: 60px !important;
        --wp--preset--font-size--70: 54px !important;
        --wp--preset--font-size--60: 50px !important;
        --wp--preset--font-size--40: 34px !important;
        --wp--preset--font-size--36: 28px !important;

    }
}

@media not all and (min-width: 768px) {
    :root {
        --wp--custom--wrapper--px: 40px !important;
        --wp--custom--wrapper--gap: 40px !important;
        --wp--preset--font-size--70: 50px !important;
        --wp--preset--font-size--60: 46px !important;
        --wp--preset--font-size--40: 30px !important;
        --wp--preset--font-size--36: 24px !important;
        --wp--preset--font-size--24: 20px !important;
        --wp--preset--font-size--22: 20px !important;
        --wp--preset--font-size--20: 18px !important;
    }
}

@media not all and (min-width: 640px) {
    :root {
        --wp--custom--wrapper--px: 20px !important;
        --wp--preset--font-size--70: 46px !important;
        --wp--preset--font-size--60: 44px !important;

    }
}

@media not all and (min-width: 390px) {}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

p:empty {
    display: none;
}

:root {
    --white: var(--wp--preset--color--custom-white);
    --dark-blue: var(--wp--preset--color--custom-dark-blue);
    --green: var(--wp--preset--color--custom-green);
    --light-blue: var(--wp--preset--color--custom-light-blue);
    --px: var(--wp--custom--wrapper--px);
    --gap: var(--wp--custom--wrapper--gap);
}

/* HEADER */

.icon-burger {
    cursor: pointer;
}

.icon-burger span {
    background: var(--dark-blue);
    transition: background 0.3s ease-out
}

.icon-burger:hover span {
    background: var(--light-blue);
}

/* MENU MOBILE */