/* Font Size */

/* H1 */
.header1 {
    font-family: var(--font-1);
    font-size: 48px;
    font-style: normal;
}

/* H2 */
.header2 {
    font-family: var(--font-1);
    font-size: 24px;
    font-style: normal;
}

/* H3 */
.header3 {
    font-family: var(--font-1);
    font-size: 20px;
    font-style: normal;
}

/* P */
.body1 {
    font-family: var(--font-2);
    font-size: 16px;
    font-style: normal;
}

/* Small */
.body2 {
    font-family: var(--font-2);
    font-size: 12px;
    font-style: normal;
}


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

    .header2 {
        font-size: 19px;
    }

    .header3 {
        font-size: 17px;
    }

    .body1 {
        font-size: 14px;
    }

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