/* Shared type scale for public page content */

.site-typography main {
    font-family: Arial, Helvetica, sans-serif;
}

.site-typography main h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
}

.site-typography main h2 {
    font-size: 24px !important;
    line-height: 1.3 !important;
}

.site-typography main h3 {
    font-size: 18px !important;
    line-height: 1.35 !important;
}

.site-typography main h4 {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

.site-typography main p {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.site-typography main li {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.site-typography main .page-hero h2,
.site-typography main .gallery-hero h1,
.site-typography main .career-hero-content h2,
.site-typography main .contact-hero-overlay h2,
.site-typography main .about-hero h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
}

.site-typography main .career-hero-content h3 {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.site-typography main .contact-map-box .section-heading h2 {
    font-size: 24px !important;
}

@media (max-width: 768px) {
    .site-typography main h1 {
        font-size: 28px !important;
    }

    .site-typography main h2 {
        font-size: 22px !important;
    }

    .site-typography main .page-hero h2,
    .site-typography main .gallery-hero h1,
    .site-typography main .career-hero-content h2,
    .site-typography main .contact-hero-overlay h2,
    .site-typography main .about-hero h2 {
        font-size: 30px !important;
    }
}