body {
	margin-top: 50px;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	background-color: #EEEEEE;
	font-family: "Calibri", Verdana, Helvetica, sans-serif; 
	font-size: 12pt; font-weight: normal; 
	color: #000000; text-align: left; 
	line-height: 16pt;
}
a {
	text-decoration: none;
	color: #006600;
}
a:Hover {
	text-decoration: underline;
}
h1 {
	font-size: clamp(3vw,3em,4vw); 
	font-weight: bold; 
	color: #003300; 
	text-align: left; 
	line-height: clamp(3vw,3em,6vw);
	text-shadow: 3px 3px 2px #AAAAAA;
}
h2 {
	font-size: clamp(0.6vw,1.4em,1.8vw); 
	font-weight: bold; 
	color: #003300; 
	text-align: left; 
	line-height: 1.6;
}
h3 {
	font-size: 14pt; 
	font-weight: bold; 
	color: #003300; 
	text-align: left; 
	line-height: 18pt
}
em {
	font-weight: bold;
	font-style: normal;
}

#logodiv{
	float: right;
	white-space: nowrap;
}
#logodiv img{
	width: clamp(2vw,150px,177px);
	vertical-align: text-top;
}
#header{

}
#header img{
	width: 30vw;
	float: right;
	padding: 5vw;
}
/* phone >480px */
@media screen and (max-width: 1024px) {
	body{
		width: 99vw;
		margin: auto;
	}
	#header{
		text-align: center;
		margin: auto;
	}
	h1, h2, img{
		text-align: center;
		margin: auto;
	}
	h1{
		font-size: clamp(5vw,2em,7vw); 
		line-height: 8vw;	
	}
	h2{
		font-size: clamp(4vw,1.5em,6vw); 
		line-height: 9vw;	
	}
	
	#main{
		padding: 3vw;
		font-size: clamp(4vw,1em,6vw); 
		line-height: 5vw;	
	}
	#main p, #main ul{
		font-size: clamp(4vw,1em,6vw); 
	}
	#header img{
		display: block;
		float: none;
		width: 50%;
	}
}