/* Font Size */

/* H1 */
.header1 {
    font-family: 'Roboto', sans-serif;
    font-size: 2.9875rem;
    font-style: normal;
}

/* H2 */
.header2 {
    font-family: 'Roboto', sans-serif;
    font-size: 2.4875rem;
    font-style: normal;
}

/* H3 */
.header3 {
    font-family: 'Roboto', sans-serif;
    font-size: 2.075rem;
    font-style: normal;
}

/* H4 */
.header4 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.725rem;
    font-style: normal;
}

/* H5 */
.header5 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.4375rem;
    font-style: normal;
}

/* H6 */
.header6 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    font-style: normal;
}

/* P */
.body1 {
    font-family: 'Nunito', sans-serif;
    font-size: 1rem;
    font-style: normal;
}

/* Small */
.body2 {
    font-family: 'Nunito', sans-serif;
    font-size: 0.8313rem;
    font-style: normal;
}

/* Small */
.small {
    font-family: 'Nunito', sans-serif;
    font-size: 0.6937rem;
    font-style: normal;
}

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

    .header2 {
        font-size: 1.6019rem;
    }

    .header3 {
        font-size: 1.4238rem;
    }

    .header4 {
        font-size: 1.2656rem;
    }

    .header5 {
        font-size: 1.125rem;
    }

    .body1 {
        font-size: 1rem;
    }

    .body2 {
        font-size: 0.889rem;
    }

    .small {
        font-size: 0.79rem;
    }
}