/* Responsive Typography */
@media (max-width: 768px) {

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

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

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

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

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

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

    .display-4 {
        font-size: 2rem !important;
    }

    .display-5 {
        font-size: 1.75rem !important;
    }

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

    .section-title {
        font-size: 1.75rem !important;
    }
}