@media screen and (min-width: 300px)
{
	td.space {height:0.3em}
	td {height:0.9em;
	    width:0.9em;}
	td.empty {line-height:30%}
	span.atomicnumber {
		font-size:0.2499em}
	span.symbol{font-size:0.405em;}
	span.element{display:none;}
	table {width:100%;
		height:100%%;}
	p {line-height:28.5%;}
	#title {font-size:0.6em}
	.columnnumber {font-size:0.3em}
	.roman {font-size:0.3em}
	.alphanumeric {font-size:0.3em;}
}
@media screen and (min-width: 400px)
{
	td.space {height:0.4em}
	td {height:1.2em;
	    width:1.2em;}
	td.empty {line-height:40%}
	span.atomicnumber {
		font-size:0.3333em}
	span.symbol{font-size:0.54em;}
	span.element{display:none;}
	table {width:100%;
		height:100%%;}
	p {line-height:38%;}
	#title {font-size:0.8em}
	.columnnumber {font-size:0.4em}
	.roman {font-size:0.4em}
	.alphanumeric {font-size:0.4em;}
}

@media screen and (min-width: 500px)
{
	td.space {height:0.5em}
	td {height:1.5em;
	    width:1.5em;}
	td.empty {line-height:50%}
	span.atomicnumber {
		font-size:0.41665em}
	span.symbol{font-size:0.635em;}
	span.element{display:none;}
	table {width:100%;
		height:100%%;}
	p {line-height:47.5%;}
	#title {font-size:1em}
	.columnnumber {font-size:0.5em}
	.roman {font-size:0.5em}
	.alphanumeric {font-size:0.5em;}
}

@media screen and (min-width: 600px)
{
	td.space {height:0.6em}
	td {height:1.8em;
	    width:1.8em;}
	td.empty {line-height:60%}
	span.atomicnumber {
		font-size:0.49998em}
	span.symbol{font-size:0.81em;}
	span.element{display:none;}
	table {width:100%;
		height:100%%;}
	p {line-height:57%;}
	#title {font-size:1.2em}
	.columnnumber {font-size:0.6em}
	.roman {font-size:0.6em}
	.alphanumeric {font-size:0.6em;}  
}

@media screen and (min-width: 700px)
{	
	td.space {height:0.7em}
	td {height:2.1em;
	    width:2.1em;}
	td.empty {line-height:70%}
	span.atomicnumber {
		font-size:0.5833em}
	span.symbol{font-size:0.945em;}
	span.element{display:none;}
	table {width:100%;
		height:100%%;}
	p {line-height:66.5%;}
	#title {font-size:1.4em}
	.columnnumber {font-size:0.7em}
	.roman {font-size:0.7em}
	.alphanumeric {font-size:0.7em;;}
}

@media screen and (min-width: 800px)
{
	td.space {min-height:0.8em}
	td {min-height:2.4em;
	    min-width:2.4em;}
	td.empty {line-height:80%}
	span.atomicnumber {font-size:0.6666em}
	span.symbol{font-size:1.08em;}
	span.element{display:inline;
			font-size:0.44em;}
	table {width:100%;
		height:100%%;}
	p {line-height:76%;}
	#title {font-size:1.6em}
	.columnnumber {font-size:0.8em}
	.roman {font-size:0.8em}
	.alphanumeric {font-size:0.8em}
	#title {line-height: 50%;}
}

@media screen and (min-width: 900px)
{
	td.space {height:0.9em}
	td {height:2.7em;
	    width:2.7em;}
	td.empty {line-height:90%}
	span.atomicnumber {
		font-size:0.74997em}
	span.symbol{font-size:1.215em;}
	span.element{display:inline;
			font-size:0.495em;}
	table {width:100%;
		height:100%%;}
	p {line-height:85.5%;}
	#title {font-size:1.8em}
	.columnnumber {font-size:0.9em}
	.roman {font-size:0.9em}
	.alphanumeric {font-size:0.9em;}
}

@media screen and (min-width: 1000px)
{
	td.space {height:1em}
	td {height:3em;
	    width:3em;}
	td.empty {line-height:95%}
	span.atomicnumber {
		font-size:0.8333em}
	span.symbol{font-size:1.35em;}
	span.element{display:inline;
			font-size:0.55em;}
	table {width:85%;
		height:100%;}
	p {line-height:95%;}
	#title {font-size:2em}
	.columnnumber {font-size:1em}
	.roman {font-size:1em}
	.alphanumeric {font-size:1em;}
}

@media screen and (min-width: 1100px)
{
	td {height:3.1em;
	    width:3.1em;}
	span.element{display:inline;}
}

@media screen and(min-width: 1200px)
{
	td {height:3.2em;
	    width:3.2em;}
	span.element{display:inline;}
}

@media screen and (min-height: 1000px)
{
	td.space {height:1.2em}
	td {height:3.5em;
	    width:3.5em;}
	td.empty {line-height:95%}
	span.atomicnumber {
		font-size:0.9999em}
	span.symbol{font-size:1.63em;}
	span.element{display:inline;
			font-size:0.66em;}
	table {width:85%;
		height:100%;}
	p {line-height:95%;}
	#title {font-size:2.4em}
	.columnnumber {font-size:1.2em}
	.roman {font-size:1.2em}
	.alphanumeric {font-size:1.2em;}
}