:root {
    --wp--custom--px: 60px;
    --wp--custom--gap: 100px;
    --wp--custom--block-gap: 140px;
    --padding--top--hero: 100px;
}

@media not all and (min-width: 1537px) {
    :root {
        --wp--preset--font-size--menu-item: 40px;
    }
}

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

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

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

@media not all and (min-width: 641px) {
    :root {
        --wp--custom--block-gap: 20px;
        --wp--preset--font-size--menu-item: 26px;
    }
}

@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--preset--font-size--menu-item: 25px;
    }
}