/* Font styling */
h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--black);
}

h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--black);
}

h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--black);
}

h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--black);
}

h5 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--black);
}

h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--black);
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: var(--black);
}

small {
    font-family: 'Poppins', sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: var(--black);
}

.header-1 {
    font-size: 24px;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
}

.header-2 {
    font-size: 20px;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
}

.body-1 {
    font-size: 16px;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
}

.body-2 {
    font-size: 12px;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
}

@media only screen and (max-width: 767.92px) {

    h1 {
        font-size: 1.5rem;
    }

    h2 {
        font-size: 1.4rem;
    }

    h3 {
        font-size: 1.3rem;
    }

    h4 {
        font-size: 1.2rem;
    }

    h5 {
        font-size: 1.1rem;
    }

    h6 {
        font-size: 1rem;
    }

    p {
        font-size: .9rem;
    }

    .header-1 {
        font-size: 26px;
    }

    .header-2 {
        font-size: 19px;
    }

    .body-1 {
        font-size: 14px;
    }

    .body-2 {
        font-size: 10px;
    }

}