/* Base font sizes */
.fs-9 { font-size: 9px !important; }
.fs-10 { font-size: 10px !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-22 { font-size: 22px !important; }
.fs-24 { font-size: 24px !important; }
.fs-28 { font-size: 28px !important; }
.fs-30 { font-size: 30px !important; }
.fs-32 { font-size: 32px !important; }
.fs-40 { font-size: 40px !important; }
.fs-48 { font-size: 48px !important; }


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .fs-sm-9 { font-size: 9px !important; }
    .fs-sm-10 { font-size: 10px !important; }
    .fs-sm-12 { font-size: 12px !important; }
    .fs-sm-14 { font-size: 14px !important; }
    .fs-sm-16 { font-size: 16px !important; }
    .fs-sm-18 { font-size: 18px !important; }
    .fs-sm-20 { font-size: 20px !important; }
    .fs-sm-22 { font-size: 22px !important; }
    .fs-sm-24 { font-size: 24px !important; }
    .fs-sm-28 { font-size: 28px !important; }
    .fs-sm-30 { font-size: 30px !important; }
    .fs-sm-32 { font-size: 32px !important; }
    .fs-sm-40 { font-size: 40px !important; }
    .fs-sm-48 { font-size: 48px !important; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .fs-md-9 { font-size: 9px !important; }
    .fs-md-10 { font-size: 10px !important; }
    .fs-md-12 { font-size: 12px !important; }
    .fs-md-14 { font-size: 14px !important; }
    .fs-md-16 { font-size: 16px !important; }
    .fs-md-18 { font-size: 18px !important; }
    .fs-md-20 { font-size: 20px !important; }
    .fs-md-22 { font-size: 22px !important; }
    .fs-md-24 { font-size: 24px !important; }
    .fs-md-28 { font-size: 28px !important; }
    .fs-md-30 { font-size: 30px !important; }
    .fs-md-32 { font-size: 32px !important; }
    .fs-md-40 { font-size: 40px !important; }
    .fs-md-48 { font-size: 48px !important; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .fs-lg-9 { font-size: 9px !important; }
    .fs-lg-10 { font-size: 10px !important; }
    .fs-lg-12 { font-size: 12px !important; }
    .fs-lg-14 { font-size: 14px !important; }
    .fs-lg-16 { font-size: 16px !important; }
    .fs-lg-18 { font-size: 18px !important; }
    .fs-lg-20 { font-size: 20px !important; }
    .fs-lg-22 { font-size: 22px !important; }
    .fs-lg-24 { font-size: 24px !important; }
    .fs-lg-28 { font-size: 28px !important; }
    .fs-lg-30 { font-size: 30px !important; }
    .fs-lg-32 { font-size: 32px !important; }
    .fs-lg-40 { font-size: 40px !important; }
    .fs-lg-48 { font-size: 48px !important; }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .fs-xl-9 { font-size: 9px !important; }
    .fs-xl-10 { font-size: 10px !important; }
    .fs-xl-12 { font-size: 12px !important; }
    .fs-xl-14 { font-size: 14px !important; }
    .fs-xl-16 { font-size: 16px !important; }
    .fs-xl-18 { font-size: 18px !important; }
    .fs-xl-20 { font-size: 20px !important; }
    .fs-xl-22 { font-size: 22px !important; }
    .fs-xl-24 { font-size: 24px !important; }
    .fs-xl-28 { font-size: 28px !important; }
    .fs-xl-30 { font-size: 30px !important; }
    .fs-xl-32 { font-size: 32px !important; }
    .fs-xl-40 { font-size: 40px !important; }
    .fs-xl-48 { font-size: 48px !important; }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .fs-xxl-9 { font-size: 9px !important; }
    .fs-xxl-10 { font-size: 10px !important; }
    .fs-xxl-12 { font-size: 12px !important; }
    .fs-xxl-14 { font-size: 14px !important; }
    .fs-xxl-16 { font-size: 16px !important; }
    .fs-xxl-18 { font-size: 18px !important; }
    .fs-xxl-20 { font-size: 20px !important; }
    .fs-xxl-22 { font-size: 22px !important; }
    .fs-xxl-24 { font-size: 24px !important; }
    .fs-xxl-28 { font-size: 28px !important; }
    .fs-xxl-30 { font-size: 30px !important; }
    .fs-xxl-32 { font-size: 32px !important; }
    .fs-xxl-40 { font-size: 40px !important; }
    .fs-xxl-48 { font-size: 48px !important; }
}

.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 700 !important; }