.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
    font-weight: 600 !important;
}

.h1, h1 {
    font-size: calc(0.95rem + 0.3vw) !important;
}

@media (min-width:1200px) {
    .h1, h1 {
        font-size: 1.5rem !important;
    }
}

.h2, h2 {
    font-size: calc(0.9rem + 0.25vw) !important;
}

@media (min-width:1200px) {
    .h2, h2 {
        font-size: 1.375rem !important;
    }
}

.h3, h3 {
    font-size: calc(0.85rem + 0.2vw) !important;
}

@media (min-width:1200px) {
    .h3, h3 {
        font-size: 1.25rem !important;
    }
}

.h4, h4 {
    font-size: calc(0.8rem + 0.15vw) !important;
}

@media (min-width:1200px) {
    .h4, h4 {
        font-size: 1.125rem !important;
    }
}

.h5, h5 {
    font-size: calc(0.75rem + 0.1vw) !important;
}

@media (min-width:1200px) {
    .h5, h5 {
        font-size: 1rem !important;
    }
}

.h6, h6 {
    font-size: calc(0.7rem + 0.05vw) !important;
}

@media (min-width:1200px) {
    .h6, h6 {
        font-size: 0.875rem !important;
    }
}



html {
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
    font-display: swap;
    font-family: var(--app-font-family, 'Inter') !important;
    font-size: var(--app-font-size, 14px) !important;
}