html, body{
    font-size: 100%;
}

h1, h2, h3, h4, h5, h6, p{
    margin: 0;
}

    h1 {
        font-size: 3em; /* 48 / 16 */
        line-height: 1em; /* 48 / 48 */
    }
    h2 {
        font-size: 2.25em; /* 36 / 16 */
        line-height: 1.333333333333333em; /* 48 / 36 */
    }
    h3 {
        font-size: 1.5em; /* 24 / 16 */
        line-height: 1em; /* 24 / 24 */
    }
    h4 {
        font-size: 1.3125em; /* 21 / 16 */
        line-height: 1.142857142857143em; /* 24 / 21 */
    }
    h5 {
        font-size: 1.125em; /* 18 / 16 */
        line-height: 1.333333333333333em; /* 24 / 18 */
    }
    h6 {
        font-size: 1em; /* 16 / 16 */
        line-height: 1.5em; /* 24 / 16 */
    }
    p {
        font-size: 1em; /* 16 / 16 */
        line-height: 1.5em; /* 24 / 16 */
        margin-bottom: 1.5em; /* 24 / 16 */
    }

@media screen and (min-width: 20em) {
    body{
        font-size: 70%;
    }
}

@media screen and (min-width: 30em) {
    body{
        font-size: 80%;
    }
}

@media screen and (min-width: 48em) {
    body{
        font-size: 90%;
    }
}

@media screen and (min-width: 64em) {
    body{
        font-size: 100%;
    }
}