:root {
    --white: #FFF;
    --yellow: #B8A254;
    --play-btn: #637FE5;
    --blue-light: #032E49;
    --blue-dark: #001C36;
    --blue-medium: #002640;
    --grey: #B2B2B2;
    --grey-two: #999;
    --red: #F00;

    --font: 'UB-Optima', sans-serif;

    --size-18: 18px;
    --size-24: 24px;
    --size-30: 30px;
    --size-52: 52px;
    --size-89: 89px;

    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;
    --space-64: 64px;
    --space-128: 128px;
    --space-250: 250px;
}

@media (max-width: 992px) {
:root {
    --size-24: 20px;
    --size-30: 22px;
    --size-52: 30px;
    --size-89: 40px;

    --space-24: 16px;
    --space-32: 20px;
    --space-40: 24px;
    --space-48: 40px;
    --space-64: 48px;
    --space-128: 64px;
    --space-250: 160px;
}
}