:root {
    --wp--custom--px: 100px;
    --wp--custom--gap: 100px;
    --wp--custom--block-gap: 130px;
    --p--block: 100px;
    --spacing--20: 20px;
    --spacing--40: 40px;
    --spacing--60: 60px;
    --spacing--80: 80px;

}

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

@media not all and (min-width: 1281px) {
    :root {
        --wp--custom--px: 40px;
        --wp--custom--gap: 100px;
        --wp--custom--block-gap: 100px;
    }
}

@media not all and (min-width: 1025px) {
    :root {
        --wp--custom--block-gap: 40px;
        --padding--top--hero: 40px;
    }
}

@media not all and (min-width: 769px) {
    :root {
        --wp--preset--font-size--h-1: 40px;
        --wp--preset--font-size--h-2: 36px;
        --wp--preset--font-size--h-3: 24px;
        --wp--preset--font-size--menu-item: 16px;
        --wp--custom--block-gap: 40px;
        --p--block: 60px;
        --padding--top--hero: 0px;
    }
}

@media not all and (min-width: 641px) {
    :root {
        --wp--custom--block-gap: 20px;
        --wp--custom--px: 20px;
        --p--block: 40px;
        --wp--custom--gap: 50px;
    }

}

@media not all and (min-width: 391px) {
    :root {
        --wp--preset--font-size--h-1: 32px;
        --wp--preset--font-size--h-2: 28px;
        --wp--preset--font-size--h-3: 20px;
        --wp--custom--block-gap: 20px;
    }
}