@media only screen and (min-width: 360px) {
    html ,body {
        font-family: 'Montserrat', sans-serif;
    }
    html{
        font-size:13px;
    }
    h1, h2, h3, h4, h5, h6 {
        font-family: 'new-kansas', sans-serif;
    }

    h1 {
        font-size: 2.05rem;
        font-weight: bold;
    }

    h2 {
        font-size: 1.7rem;
        font-weight: bold;
    }

    h3 {
        font-size: 1.35rem;
        font-weight: bold;
    }

    h4 {
        font-size: 1.2rem;
        font-weight: bold;
    }

    h5 {
        font-size: 1.1rem;
        font-weight: bold;
    }

    h6 {
        font-size: 1rem;
        font-weight: bold;
    }

    a {
        font-size: 1rem;
        font-weight: 400;
    } 

    p {
        font-size: 1rem;
        font-weight: 400;
    }

    .larger-text {
        font-size: 1.25rem;
        font-weight: 400;
    }

    li {
        font-size: 1rem;
        font-weight: 400;
    }

    .font-new-kansas{
        font-family:'new-kansas', sans-serif;
    }


}
@media only screen and (min-width: 768px) {
    html, body{
        font-size:14px;
    }
}

@media only screen and (min-width: 1024px) {
    html ,body{
        font-size:16px;
    }
}