h1,
.h1 {
    font-size: 3rem;
}

h2,
.h2 {
    font-size: 2.25rem;
}

h3,
.h3 {
    font-size: 1.875rem;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1.125rem;
}
.font-size-sm {
    font-size: 0.875rem !important;
}

.font-size-base {
    font-size: "Work Sans", sans-serif !important;
}

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

.font-size-lg {
    font-size: 1.125rem !important;
}

.font-size-h1 {
    font-size: 3rem !important;
}

.font-size-h2 {
    font-size: 2.25rem !important;
}

.font-size-h3 {
    font-size: 1.875rem !important;
}

.font-size-h4 {
    font-size: 1.5rem !important;
}

.font-size-h5 {
    font-size: 1.25rem !important;
}

.font-size-h6 {
    font-size: 1.125rem !important;
}
.font-size-sm {
    font-size: 0.875rem !important;
}

.font-size-base {
    font-size: "Work Sans", sans-serif !important;
}

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

.font-size-lg {
    font-size: 1.125rem !important;
}
/* responsive font size */

@media (max-width: 767px) {
    h1,
    .h1,
    .font-size-h1 {
        font-size: 2.5rem !important;
    }

    h2,
    .h2,
    .font-size-h2 {
        font-size: 2rem !important;
    }

    h3,
    .h3,
    .font-size-h3 {
        font-size: 1.5rem !important;
    }

    h4,
    .h4,
    .font-size-h4 {
        font-size: 1.25rem !important;
    }

    h5,
    .h5,
    .font-size-h5 {
        font-size: 1rem !important;
    }

    h6, 
    .h6,
    .font-size-h6 {
        font-size: 0.875rem !important;
    }
    .font-size-md {
        font-size: 0.875rem !important;
    }
    .font-size-lg {
        font-size: 1rem !important;
    }
}