div#box  {
	font-size: 1.4em;
}

@media all and (max-width: 450px)  {
    body{
        font-size: .4em;
    }
}

@media all and (max-width: 600px) and (min-width: 451px) {
    body{
        font-size: .5em;
    }
}

@media all and (max-width: 800px) and (min-width: 601px) {
    body{
        font-size: .6em;
    }
}

@media all and (max-width: 1000px) and (min-width: 801px) {
    body{
        font-size: .7em;
    }
}

@media all and (max-width: 1200px) and (min-width: 1001px) {
    body{
        font-size: .9em;
    }
}