/* Font Size */

/* H1 */
.header1 {
    font-family: 'Alice', serif;
    font-size: 3.0519rem;
    font-style: normal;
    color: var(--black);
    line-height: 120%;
}
/* H2 */
.header2 {
    font-family: 'Alice', serif;
    font-size: 2.4413rem;
    font-style: normal;
    color: var(--black);
    line-height: 120%;
}

/* H3 */
.header3 {
    font-family: 'Alice', serif;
    font-size: 1.9531rem;
    font-style: normal;
    color: var(--black);
    line-height: 120%;
}

/* H4 */
.header4 {
    font-family: 'PT Sans', sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    color: var(--black);
    line-height: 130%;
}

/* H5 */
.header5 {
    font-family: 'PT Sans', sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    color: var(--black);
    line-height: 130%;
}

/* P */
.body1 {
    font-family: 'PT Sans', sans-serif;
    font-size: 1rem;
    line-height: 150%;
    font-style: normal;
    color: var(--black);
}

/* Small */
.body2 {
    font-family: 'PT Sans', sans-serif;
    font-size: 0.8rem;
    line-height: 150%;
    font-style: normal;
    color: var(--black);
}

/* Small */
.small {
    font-family: 'PT Sans', sans-serif;
    font-size: 0.64rem;
    line-height: 150%;
    font-style: normal;
    color: var(--black);
}

@media only screen and (max-width: 767.98px) {
    .header1 {
        font-size: 26px;
    }

    .header2 {
        font-size: 22px;
    }

    .header3 {
        font-size: 19px;
    }

    .header4 {
        font-size: 17px;
    }

    .header5 {
        font-size: 17px;
    }

    .header6 {
        font-size: 16px;
    }

    .body1 {
        font-size: 14px;
    }

    .body2 {
        font-size: 10px;
    }

    .small {
        font-size: 10px;
    }
}