html,
html * {
    font-family: firasans, serif;
}

.f-orange {
    color: var(--orange-text-color);
}

.f-violet {
    color: var(--violet-text-color);
}

.f-gray4 {
    color: var(--gray4-text-color);
}

html body .f-mbanner,
.f-mbanner .slide-text-head {
    font-size: 59px;
    font-weight: 700;
}

h1,
.f-h1 {
    font-size: 36px;
    font-weight: 500;
}

h2,
.f-h2,
.f-h2 .slide-text-head {
    font-size: 32px;
    font-weight: 500;
}

h3,
.f-h3 {
    font-size: 22px;
    font-weight: 500;
}

.f-numbers {
    font-size: 24px;
    font-weight: 400;
}

.f-callout-main,
.f-mbanner.f-callout-main {
    font-size: 22px;
    font-weight: 400;
}

.f-section-title,
h2.f-section-title {
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
}

.f-title-about {
    font-size: 18px;
    font-weight: 700;
}

.f-button {
    font-size: 16px;
    font-weight: 500;
}

.f-body,
.f-body::placeholder,
input.f-body::placeholder {
    font-size: 16px;
    font-weight: 400;
}

.f-body-b {
    font-weight: 500;
}

.f-body-i {
    font-style: italic;
}

.f-callout {
    font-size: 16px;
    font-weight: 400;
}

.f-tags {
    font-size: 16px;
    font-weight: 400;
}

.f-crumbs-links {
    font-size: 14px;
    font-weight: 400;
}

.f-s {
    font-weight: 700;
}

.f-logo {
    font-size: 14px;
    font-weight: 300;
}

.f-accessibility {
    font-size: 12px;
    font-weight: 400;
}

.f-program-type {
    font-size: 17px;
    font-weight: 500;
}

.f-lh16 {
    line-height: 16px;
}

.f-lh20 {
    line-height: 20px;
}


@media (max-width: 780px) {
    html body .f-mbanner,
    .f-mbanner .slide-text-head {
        font-size: 32px;
        font-weight: 700;
    }

    h1,
    .f-h1 {
        font-size: 30px;
    }

    h2,
    .f-h2,
    .f-h2 .slide-text-head {
        font-size: 28px;
        line-height: normal;
    }

    h3,
    .f-h3 {
        font-size: 18px;
    }

    .f-numbers {
        font-size: 19px;
        font-weight: 400;
    }

    .f-callout-main,
    .f-mbanner.f-callout-main {
        font-size: 16px;
        font-weight: 400;
    }

    .f-section-title,
    h2.f-section-title {
        font-size: 22px;
        font-weight: 500;
    }

    .f-title-about {
        font-size: 16px;
        font-weight: 700;
    }

    .f-teachers-title {
        font-size: 14px;
        font-weight: 500;
    }

    .f-button {
        font-size: 14px;
        font-weight: 500;
    }

    .f-body,
    .f-body::placeholder,
    input.f-body::placeholder {
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
    }

    .f-body-b {
        font-weight: 500;
    }

    .f-body-i {
        font-style: italic;
    }

    .f-callout {
        font-size: 16px;
        font-weight: 400;
    }

    .f-tags {
        font-size: 16px;
        font-weight: 400;
    }

    .f-s {
        font-weight: 700;
    }

    .f-logo {
        font-size: 14px;
        font-weight: 300;
    }

    .f-accessibility {
        font-size: 12px;
        font-weight: 400;
    }

    .f-program-type {
        font-size: 14px;
        font-weight: 500;
    }
}