:root {
    --max: 1920px;
    --font100: 100px;
    --font80: 80px;
    --font74: 74px;
    --font72: 72px;
    --font68: 68px;
    --font60: 60px;
    --font50: 50px;
    --font56: 56px;
    --font54: 54px;
    --font50: 50px;
    --font48: 48px;
    --font45: 45px;
    --font44: 44px;
    --font42: 42px;
    --font40: 40px;
    --font36: 36px;
    --font34: 34px;
    --font32: 32px;
    --font30: 30px;
    --font28: 28px;
    --font26: 26px;
    --font24: 24px;
    --font22: 22px;
    --font20: 20px;
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;

}

@media screen and (max-width:1500px) {
    :root {
        --font100: 100px;
        --font80: 80px;
        --font74: 60px;
        --font72: 60px;
        --font68: 60px;
        --font60: 60px;
        --font56: 54px;
        --font56: 56px;
        --font50: 40px;
        --font48: 38px;
        --font45: 35px;
        --font44: 34px;
        --font42: 32px;
        --font40: 30px;
        --font36: 30px;
        --font34: 26px;
        --font32: 22px;
        --font30: 20px;
        --font28: 20px;
        --font26: 18px;
        --font24: 18px;
        --font22: 16px;
        --font20: 16px;
        --font18: 16px;
        --font16: 16px;
        --font14: 14px;
    }
}

@media screen and (max-width:1280px) {
    :root {
        --font100: 40px;
        --font80: 40px;
        --font74: 40px;
        --font72: 40px;
        --font68: 40px;
        --font60: 38px;
        --font56: 38px;
        --font54: 34px;
        --font50: 34px;
        --font48: 28px;
        --font45: 28px;
        --font44: 26px;
        --font42: 26px;
        --font40: 26px;
        --font36: 24px;
        --font34: 24px;
        --font32: 22px;
        --font30: 20px;
        --font28: 20px;
        --font26: 18px;
        --font24: 18px;
        --font22: 16px;
        --font20: 16px;
        --font18: 16px;
        --font16: 16px;
        --font14: 14px;
    }
}

@media screen and (max-width:1024px) {
    :root {
        --font100: 36px;
        --font80: 34px;
        --font72: 34px;
        --font74: 34px;
        --font68: 32px;
        --font60: 30px;
        --font56: 30px;
        --font54: 28px;
        --font50: 28px;
        --font48: 28px;
        --font45: 28px;
        --font44: 24px;
        --font42: 24px;
        --font40: 24px;
        --font36: 24px;
        --font34: 24px;
        --font32: 22px;
        --font30: 20px;
        --font28: 20px;
        --font26: 18px;
        --font24: 18px;
        --font22: 16px;
        --font20: 16px;
        --font18: 16px;
        --font16: 16px;
        --font14: 14px;
    }
}

@media screen and (max-width:768px) {
    :root {
        --font100: 32px;
        --font80: 30px;
        --font72: 30px;
        --font74: 30px;
        --font68: 30px;
        --font60: 30px;
        --font56: 30px;
        --font54: 28px;
        --font50: 28px;
        --font48: 28px;
        --font45: 28px;
        --font44: 24px;
        --font42: 24px;
        --font40: 24px;
        --font36: 24px;
        --font34: 22px;
        --font32: 22px;
        --font30: 20px;
        --font28: 20px;
        --font26: 18px;
        --font24: 16px;
        --font22: 16px;
        --font20: 16px;
        --font18: 14px;
        --font16: 14px;
        --font14: 14px;
    }

}