:root {
    --ui-page-max-width: 1482px;
    --ui-page-top-padding: 226px;
    --ui-page-container-padding: 185px;
    --ui-page-header-padding: 48px;
    --ui-page-footer-padding: 69px;
    --ui-page-bottom-padding: 48px;

    --ui-page-header-height: 88px;
}

@media (max-width: 1023px) {
    :root {
        --ui-page-container-padding: 48px;
        --ui-page-top-padding: 160px;
    }
}

@media (max-width: 599px) {
    :root {
        --ui-page-footer-padding: 24px;
        --ui-page-container-padding: 24px;
        --ui-page-top-padding: 96px;
        --ui-page-header-height: 64px;
        --ui-page-header-padding: 24px;
    }
}