:root {
    --car-logo-padding: calc(var(--gap) * 3 + (var(--gap) * 5)) calc(var(--gap) * 5/2) calc(var(--gap) * 5/2);
    --info-progress-page-block-padding: 0 calc(var(--gap) * 5/2);
    --info-container-padding: 137px calc(var(--gap) * 5/2);
    --info-container-wide-padding: 137px 0;
    --info-container-title-margin: 0 0 calc(var(--gap) * 5);
    --info-container-gap: calc(var(--gap) * 5/2);
    --info-container-title-gap: calc(var(--gap) * 5);

    --info-container-title-fs: 48px;
    --info-container-title-fw: 700;
    --info-container-title-ls: 4px;
}


@media only screen and (max-width: 760px) {
    :root {
        --car-logo-padding: calc(var(--gap) * 8) var(--gap) var(--gap);

        --info-container-padding: 88px var(--gap);
        --info-container-wide-padding: 88px 0;
        --info-progress-page-block-padding: 0 var(--gap);
        --info-container-title-fs: 32px;
        --info-container-title-gap: calc(var(--gap) * 3);
        --info-container-title-margin: 0 0 calc(var(--gap) * 3);
    }
}

@media only screen and (max-width: 480px) {
    :root {
        --info-container-title-fs: 28px;
    }
}