:root {
    --padding--right: 160px;
    --padding--left: 100px;
    --padding--left--block: 100px;
    --wp--custom--px: 100px;
    --gap--block: 130px;
    --wp--preset--font-size--callout: 32px;
}


@media not all and (min-width: 1537px) {
    :root {
        --wp--custom--gap: 100px;
        --wp--custom--block-gap: 80px;
        --padding--left: 100px;
        --wp--custom--px: 100px;
        --gap--block: 100px;
    }
}

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

}

@media not all and (min-width: 1025px) {
    :root {
        --wp--custom--gap: 60px;
        --wp--custom--block-gap: 60px;
        --wp--preset--font-size--callout-2: 24px;
        --wp--preset--font-size--menu-item: 40px;
        --padding--right: 60px;
        --padding--left: 0px;
        --wp--custom--px: 80px;
        --gap--block: 60px;
    }

}

@media not all and (min-width: 769px) {
    :root {
        --wp--custom--gap: 40px;
        --wp--custom--block-gap: 40px;
        --wp--preset--font-size--h-1: 36px;
        --wp--preset--font-size--h-2: 32px;
        --wp--preset--font-size--h-3: 28px;
        --wp--preset--font-size--callout: 24px;
        --padding--left: 60px;
        --padding--left--block: 70px;
        --padding--right: 40px;
        --wp--custom--px: 40px;
        --gap--block: 40px;
    }

}

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

}

@media not all and (min-width: 391px) {
    :root {
        --padding--left--block: 20px;
        --wp--preset--font-size--h-1: 24px;
        --wp--preset--font-size--h-2: 20px;
        --wp--preset--font-size--h-3: 18px;
        --wp--preset--font-size--callout: 16px;
        --wp--preset--font-size--callout-2: 18px;
        --wp--preset--font-size--menu-item: 24px;
        --wp--custom--px: 20px;
        --padding--right: 20px;
        --padding--left: 20px;
        --padding--left--block: 20px;
    }
}