@media only screen and (min-width:320px) {}

@media only screen and (min-width:480px) {}

@media only screen and (min-width:768px) {}

@media only screen and (min-width:992px) {}

@media only screen and (min-width:1200px) {}

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

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

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

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

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

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

@media(min-width:1136px) and (max-width:1279px) {
    body {
        font-size: 16px
    }
}

@media(min-width:960px) and (max-width:1135px) {
    body {
        font-size: 15px
    }

    h1 {
        font-size: 3em
    }

    h2 {
        font-size: 2.3077em
    }

    h3 {
        font-size: 1.8461em
    }

    h4 {
        font-size: 1.3846em
    }

    h5 {
        font-size: 1.2308em
    }

    h6 {
        font-size: 1em
    }
}

@media(min-width:768px) and (max-width:959px) {
    body {
        font-size: 15px
    }

    h1 {
        font-size: 3em
    }

    h2 {
        font-size: 2.3077em
    }

    h3 {
        font-size: 1.8461em
    }

    h4 {
        font-size: 1.3846em
    }

    h5 {
        font-size: 1.2308em
    }

    h6 {
        font-size: 1em
    }
}

@media(max-width:767px) {
    body {
        font-size: 12px
    }

    h1 {
        font-size: 2.5em
    }

    h2 {
        font-size: 2em
    }

    h3 {
        font-size: 1.6667em
    }

    h4 {
        font-size: 1.3333em
    }

    h5 {
        font-size: 1.1667em
    }

    h6 {
        font-size: 1em
    }
}