/* Typography - Match Logo Sizes at All Breakpoints */
/* This ensures all headers (h1, h2, .section-title, etc.) match the navigation logo size */

/* Base/Desktop (>1285px) */
h1,
h2,
.section-title,
.about-text h2,
.hero h1 {
    font-size: 1.8rem !important;
}

/* Scale down to 85% at 1285px and below */
@media (max-width: 1285px) {
    h1,
    h2,
    .section-title,
    .about-text h2,
    .hero h1 {
        font-size: 1.53rem !important;
    }
}

/* Scale down to 75% at 1035px and below */
@media (max-width: 1035px) {
    h1,
    h2,
    .section-title,
    .about-text h2,
    .hero h1 {
        font-size: 1.35rem !important;
    }
}