:root {
    --max: 1920px;
    --font100: 100px;
    --font80: 80px;
    --font72: 72px;
    --font68: 68px;
    --font60: 60px;
    --font56: 56px;
    --font50: 50px;
    --font48: 48px;
    --font45: 45px;
    --font42: 42px;
    --font40: 40px;
    --font36: 36px;
    --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:1440px) {
    :root {
        --font100: 100px;
        --font80: 80px;
        --font72: 72px;
        --font68: 68px;
        --font60: 60px;
        --font56: 56px;
        --font50: 50px;
        --font48: 48px;
        --font45: 45px;
        --font42: 42px;
        --font40: 40px;
        --font36: 36px;
        --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:1280px) {
    :root {
        --font100: 80px;
        --font80: 72px;
        --font72: 68px;
        --font68: 60px;
        --font60: 56px;
        --font56: 50px;
        --font50: 48px;
        --font48: 45px;
        --font45: 42px;
        --font42: 40px;
        --font40: 36px;
        --font36: 32px;
        --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:1024px) {
    :root {
        --font100: 72px;
        --font80: 68px;
        --font72: 60px;
        --font68: 56px;
        --font60: 50px;
        --font56: 48px;
        --font50: 45px;
        --font48: 42px;
        --font45: 40px;
        --font42: 36px;
        --font40: 32px;
        --font36: 30px;
        --font32: 28px;
        --font30: 26px;
        --font28: 24px;
        --font26: 22px;
        --font24: 20px;
        --font22: 20px;
        --font20: 20px;
        --font18: 18px;
        --font16: 16px;
        --font14: 14px;
    }
}

@media screen and (max-width:992px) {
    :root {
        --font100: 68px;
        --font80: 60px;
        --font72: 50px;
        --font68: 50px;
        --font60: 48px;
        --font56: 45px;
        --font50: 42px;
        --font48: 36px;
        --font45: 32px;
        --font42: 30px;
        --font40: 28px;
        --font36: 28px;
        --font32: 26px;
        --font30: 24px;
        --font28: 24px;
        --font26: 20px;
        --font24: 20px;
        --font22: 18px;
        --font20: 18px;
        --font18: 16px;
        --font16: 16px;
        --font14: 14px;
    }

}

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

}

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