h1 {font-size: 50px}
		td.syms {font-family: Arial; font-size: 32px }
		td.atoms {font-family; 'Times New Roman; font-size: 14px }
		td {font-family; 'Times New Roman; font-size: 8px;}
		td a {display: block}
		td.Ogas {background-color: #ff97d2; }
		td.NONmets {background-color: #ffb400; }
		td.Otmets {background-color: #ffff00; }
		td.Tranmets {background-color: #01f6ff; }
		td.Latmets {background-color: #cbff66; }
		td.Actmets {background-color: #ff8635; }
		td.Gas {background-color: #fe8cf2; }
		td.Almets {background-color: #00ff18; }
		td.AEmets {background-color: #de01ff; }
		td.ETransmets {background-color: #00ff9c; }
		.ETransmets, .Ogas, .NONmets, .Otmets, .Tranmets, .Latmets, .Actmets, .Gas, .Almets, .AEmets {border-radius: 10px; }
		
@media screen and (min-width: 500px)
{
	td.syms {font-family: Arial; font-size: 10px }
	td.atoms {font-family; 'Times New Roman; font-size: 5px }
	td {font-family; 'Times New Roman; font-size: 2px }
	.ETransmets, .Ogas, .NONmets, .Otmets, .Tranmets, .Latmets, .Actmets, .Gas, .Almets, .AEmets {border-radius: 4px }
	h1 {font-size: 35px}
}

@media screen and (min-width: 600px)
{
	td.syms {font-family: Arial; font-size: 10px }
	td.atoms {font-family; 'Times New Roman; font-size: 5px }
	td {font-family; 'Times New Roman; font-size: 3px }
	.ETransmets, .Ogas, .NONmets, .Otmets, .Tranmets, .Latmets, .Actmets, .Gas, .Almets, .AEmets {border-radius: 4px }
	h1 {font-size: 35px}
}

@media screen and (min-width: 700px)
{	
	td.syms {font-family: Arial; font-size: 15.4px }
	td.atoms {font-family; 'Times New Roman; font-size: 8px }
	td {font-family; 'Times New Roman; font-size: 3px }
	.ETransmets, .Ogas, .NONmets, .Otmets, .Tranmets, .Latmets, .Actmets, .Gas, .Almets, .AEmets {border-radius: 4px }
	h1 {font-size: 40px}
}


@media screen and (min-width: 800px)
{
	td.syms {font-family: Arial; font-size: 19.4px }
	td.atoms {font-family; 'Times New Roman; font-size: 9px }
	td {font-family; 'Times New Roman; font-size: 4px }
	.ETransmets, .Ogas, .NONmets, .Otmets, .Tranmets, .Latmets, .Actmets, .Gas, .Almets, .AEmets {border-radius: 6px }
	h1 {font-size: 40px}
}

@media screen and (min-width: 900px)
{
	td.syms {font-family: Arial; font-size: 22.4px }
	td.atoms {font-family; 'Times New Roman; font-size: 10px }
	td {font-family; 'Times New Roman; font-size: 4px }
	.ETransmets, .Ogas, .NONmets, .Otmets, .Tranmets, .Latmets, .Actmets, .Gas, .Almets, .AEmets {border-radius: 8px }
	h1 {font-size: 45px}
}

@media screen and (min-width: 1000px)
{
	td.syms {height: 27px }
	td.atoms {font-family; 'Times New Roman; font-size: 10px }
	td {font-family; 'Times New Roman; font-size: 4px }
	.ETransmets, .Ogas, .NONmets, .Otmets, .Tranmets, .Latmets, .Actmets, .Gas, .Almets, .AEmets {border-radius: 10px }
	h1 {font-size: 45px}
}

@media screen and (min-width: 1583px)
{
	td.syms {font-family: Arial; font-size: 32px }
	td.atoms {font-family; 'Times New Roman; font-size: 14px }
	td {font-family; 'Times New Roman; font-size: 8px }
	.ETransmets, .Ogas, .NONmets, .Otmets, .Tranmets, .Latmets, .Actmets, .Gas, .Almets, .AEmets {border-radius: 10px }
	h1 {font-size: 50px}
}