:root {
    --fs-tiny: 13px;
    --fs-small: 15px;
    --fs-normal: 18px;
    --fs-large: 20px;

    --fs-small-title: 28px;

    --fs-medium-title: 32px;
    --fs-medium-subtitle: 22px;

    --fs-large-title: 40px;
    --fs-large-subtitle: 24px;

    --fs-huge-title: 50px;
    --fs-huge-subtitle: 26px;

    --fs-gigantic-title: 90px;
}

@media screen and (max-width: 768px) {
    :root {
        --fs-tiny: 12px;
        --fs-small: 14px;
        --fs-normal: 16px;
        --fs-large: 18px;

        --fs-small-title: 20px;

        --fs-medium-title: 24px;
        --fs-medium-subtitle: 16px;

        --fs-large-title: 28px;
        --fs-large-subtitle: 18px;

        --fs-huge-title: 36px;
        --fs-huge-subtitle: 20px;

        --fs-gigantic-title: 48px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    :root {
        --fs-gigantic-title: 67px;
    }
}

@media screen and (max-width: 480px) {
    :root {
        --fs-gigantic-title: 48px;
    }
}