*{
	margin: 0px; padding: 0px;
}

html,body{
	background-color: #fff;  height: 100%; font-size: 12px !important; line-height: unset;
}

/* 16:9 */

@media only screen and (min-height:1080px) {
    html,body{
         font-size: 12px !important; background-color: #fff;
    }
}

@media only screen and (max-height:1079px) and (min-height:900px)  {
    html,body{
         font-size: 10px !important; background-color: #fff;
    }
}

@media only screen and (max-height:899px) and (min-height:768px) {
    html,body{
         font-size: 8.5px !important; background-color: fff;
    }
}

@media only screen and (max-height:767px) and (min-height:720px) {
    html,body{
         font-size: 8px !important; background-color: #fff;
    }
}

@media only screen and (max-height:719px){
    html,body{
         font-size: 7.5px !important; background-color: #fff;
    }
}