@media screen and (min-width: 200px)
{

	td {height:3em;
	    width:3em; font-size:0.8333em;}
	td.atom{font-size:0.8333em}
	th{font-size:0.8333em}
	table {width:15%;
		height:20%;}
}

@media screen and (min-width: 300px)
{
	
	td {height:0.9em;
	    width:0.9em;}
	table {width:25.5%;
		height:30%;}
	
	
	
}
@media screen and (min-width: 400px)
{
	
	td {height:1.2em;
	    width:1.2em;}
	table {width:0.34%;
		height:25%;}
}

@media screen and (min-width: 500px)
{
	td {height:1.5em;
	    width:1.5em;font-size:0.41665em;}
	td.atom{font-size:0.41665em}
	sup{font-size:0.41665em}
	table {width:42.5%;
		height:50%;}
}

@media screen and (min-width: 600px)
{
	td {height:1.8em;
	    width:1.8em; font-size:0.49998em;}
	td.atom{font-size:0.49998em}
	th{font-size:0.49998em}
	table {width:51%;
		height:60%;}  
}

@media screen and (min-width: 700px)
{	
	
	td {height:2.1em;
	    width:2.1em; font-size:0.5833em;}
	td.atom{font-size:0.5833em}
	th{font-size:0.5833em}
	table {width:59.5%;
		height:70%;}
}

@media screen and (min-width: 800px)
{
	
	td {min-height:2.4em;
	    min-width:2.4em; font-size:0.6666em;}
	td.atom{font-size:0.74997em}
	th{font-size:0.74997em}
	table {min-width:68%;
		min-height:80%;}
}

@media screen and (min-width: 900px)
{
	
	td {height:2.7em;
	    width:2.7em; font-size:0.74997em;}
	td.atom{font-size:0.74997em}
	th{font-size:0.74997em}
	table {width:76.5%;
		height:90%;}
}

@media screen and (min-width: 1000px)
{

	td {height:3em;
	    width:3em; font-size:0.8333em;}
	td.atom{font-size:0.8333em}
	th{font-size:0.8333em}
	table {width:75%;
		height:100%;}
}