.font-8  { font-size: 8px !important;  line-height: 12px !important; }
.font-9  { font-size: 9px !important;  line-height: 14px !important; }
.font-10 { font-size: 10px !important; line-height: 15px !important; }
.font-11 { font-size: 11px !important; line-height: 16px !important; }
.font-12 { font-size: 12px !important; line-height: 18px !important; }
.font-14 { font-size: 14px !important; line-height: 20px !important; }
.font-16 { font-size: 16px !important; line-height: 22px !important; }
.font-18 { font-size: 18px !important; line-height: 26px !important; }
.font-24 { font-size: 24px !important; line-height: 32px !important; }
.font-30 { font-size: 30px !important; line-height: 40px !important; }
.font-36 { font-size: 36px !important; line-height: 46px !important; }
.font-48 { font-size: 48px !important; line-height: 58px !important; }
.font-60 { font-size: 60px !important; line-height: 72px !important; }
.font-72 { font-size: 72px !important; line-height: 84px !important; }
.font-96 { font-size: 96px !important; line-height: 112px !important; }

@media (max-width: 768px) {
    .font-96 { font-size: 48px !important; line-height: 58px !important; }
    .font-72 { font-size: 40px !important; line-height: 50px !important; }
    .font-60 { font-size: 32px !important; line-height: 40px !important; }
    .font-48 { font-size: 26px !important; line-height: 34px !important; }
    .font-36 { font-size: 22px !important; line-height: 30px !important; }
    .font-30 { font-size: 20px !important; line-height: 28px !important; }
    .font-24 { font-size: 18px !important; line-height: 26px !important; }
    .font-18 { font-size: 16px !important; line-height: 22px !important; }
}