@media screen and (max-width: 480px)　{
	float: none;
	position: static;
}
table { display: block; }
tr { display: inline; }
td { display: inline-block; } 
p {
  font-size: 1rem;  /*16px*/
}   
table { display: block; }


H2 {
	font-color:#FF00FF;font-size:20pt; 
background-color:navy;
    border-style:dashed solid;
    border-width:4px 30px;
    border-color:#3300CC;
}
H3 {
	font-color:#FFFFFF;font-size:18pt;
background-color:#003366;
    border-style:dashed solid;
    border-width:2px 20px;
    border-color:navy;
}
H4 {
	font-color:#FFFFFF;font-size:15pt;background-color:#444444;
}
a:link {
	color: #e0e0f8;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #f8e0f8;
	font-weight: bold;
	text-decoration: none;
}
a:active{
	color:#ff00ff;font-weight:bold;text-decoration:none;
}
a:hover{
	color:#B9F0F0;font-weight:bold;position:relative; top:2; left:2;
}
}

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

body {
	font-color: #FFFFFF;
	font-size: 12pt;
	margin-top: 30pt;
	font-family: Vardana,'MS UI Gothic','MS P Gothic';
	margin-right: 30pt;
	margin-bottom: 30pt;
	margin-left: 30pt;
	background-color: #000000;

}
H2 {
	font-color:#FF00FF;font-size:20pt; 
background-color:navy;
    border-style:dashed solid;
    border-width:4px 30px;
    border-color:#3300CC;
}
H3 {
	font-color:#FFFFFF;font-size:18pt;
background-color:#003366;
    border-style:dashed solid;
    border-width:2px 20px;
    border-color:navy;
}
H4 {
	font-color:#FFFFFF;font-size:15pt;background-color:#444444;
}
a:link {
	color: #e0e0f8;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #f8e0f8;
	font-weight: bold;
	text-decoration: none;
}
a:active{
	color:#ff00ff;font-weight:bold;text-decoration:none;
}
a:hover{
	color:#B9F0F0;font-weight:bold;position:relative; top:2; left:2;
}

hr{
	color:#DBDBDB;border: 1 dashed;
}
}