
.fs-7 {
    font-size: 0.75rem !important;
}

/*.fs-5 {
    font-size: calc(1.25rem + 0.25vw) !important;
}

.fs-6 {
    font-size: calc(1rem + 0.20vw) !important;
}

.fs-7 {
    font-size: calc(0.75rem + 0.15vw) !important;
}*/

.fs-8 {
    font-size: calc(0.5rem + 0.2vw) !important;
}

.fs-clamp-1 { /* base: 1.375rem + 1.5vw */
    font-size: clamp(calc(0.825rem + 0.9vw), calc(1.375rem + 1.5vw), calc(1.925rem + 2.1vw)) !important;
}

.fs-clamp-2 { /* base: 1.325rem + .9vw */
    font-size: clamp(calc(0.795rem + 0.54vw), calc(1.325rem + 0.9vw), calc(1.855rem + 1.26vw)) !important;
}

.fs-clamp-3 { /* base: 1.3rem + .6vw */
    font-size: clamp(calc(0.78rem + 0.36vw), calc(1.3rem + 0.6vw), calc(1.82rem + 0.84vw)) !important;
}

.fs-clamp-4 { /* base: 1.275rem + .3vw */
    font-size: clamp(calc(0.765rem + 0.18vw), calc(1.275rem + 0.3vw), calc(1.785rem + 0.42vw)) !important;
}

.fs-clamp-5 { /* base: 1.25rem */
    font-size: clamp(0.75rem, 1.25rem, 1.75rem) !important;
}

.fs-clamp-6 { /* base: 1rem */
    font-size: clamp(0.6rem, 1rem, 1.4rem) !important;
}

.fs-clamp-7 { /* base: 0.75rem */
    font-size: clamp(0.45rem, 0.75rem, 1.05rem) !important;
}

.fs-clamp-8 { /* base: 0.5rem + 0.2vw */
    font-size: clamp(calc(0.3rem + 0.12vw), calc(0.5rem + 0.2vw), calc(0.7rem + 0.28vw)) !important;
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-auto {
        width: auto !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .fs-sm-1 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-sm-2 {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-sm-3 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

    .fs-sm-4 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    .fs-sm-5 {
        font-size: 1.25rem !important;
    }

    .fs-sm-6 {
        font-size: 1rem !important;
    }

    .fs-sm-7 {
        font-size: 0.75rem !important;
    }

    .fs-sm-8 {
        font-size: calc(0.725rem - 0.3vw) !important;
    }
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .fs-md-1 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-md-2 {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-md-3 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

    .fs-md-4 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    .fs-md-5 {
        font-size: 1.25rem !important;
    }

    .fs-md-6 {
        font-size: 1rem !important;
    }

    .fs-md-7 {
        font-size: 0.75rem !important;
    }

    .fs-md-8 {
        font-size: calc(0.725rem - 0.3vw) !important;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-auto {
        width: auto !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .fs-lg-1 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-lg-2 {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-lg-3 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

    .fs-lg-4 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    .fs-lg-5 {
        font-size: 1.25rem !important;
    }

    .fs-lg-6 {
        font-size: 1rem !important;
    }

    .fs-lg-7 {
        font-size: 0.75rem !important;
    }

    .fs-lg-8 {
        font-size: calc(0.725rem - 0.3vw) !important;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-auto {
        width: auto !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .fs-xl-1 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-xl-2 {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-xl-3 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

    .fs-xl-4 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    .fs-xl-5 {
        font-size: 1.25rem !important;
    }

    .fs-xl-6 {
        font-size: 1rem !important;
    }

    .fs-xl-7 {
        font-size: 0.75rem !important;
    }

    .fs-xl-8 {
        font-size: calc(0.725rem - 0.3vw) !important;
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .w-xxl-auto {
        width: auto !important;
    }

    .w-xxl-25 {
        width: 25% !important;
    }

    .w-xxl-50 {
        width: 50% !important;
    }

    .w-xxl-75 {
        width: 75% !important;
    }

    .w-xxl-100 {
        width: 100% !important;
    }

    .fs-xxl-1 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-xxl-2 {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-xxl-3 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

    .fs-xxl-4 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    .fs-xxl-5 {
        font-size: 1.25rem !important;
    }

    .fs-xxl-6 {
        font-size: 1rem !important;
    }

    .fs-xxl-7 {
        font-size: 0.75rem !important;
    }

    .fs-xxl-8 {
        font-size: calc(0.725rem - 0.3vw) !important;
    }
}
