@media only screen and (min-width: 1400px) and (max-width: 4000px) {

}

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

}

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

}

@media only screen and (min-width: 360px) and (max-width: 767px) {
    html {
        font-size: 50%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 360px) {
    html {
        font-size: 35%;
    }
}

@media screen and (orientation: landscape)
and (min-device-width: 0)
and (max-device-width: 1000px) {
    html {
        font-size: 44%;
    }
}