@charset "utf-8";
* { margin:0; padding:0; }
body { 
	font-family:'Open Sans', Arial; 
	font-size:14px; 
	line-height:22px; 
	color:#000; 
	margin:0px; 
	padding:0px; 
	background:#e5eff3;
}
a{ color:#3072c4; text-decoration:none; }
a:hover{ text-decoration:none; color:#000; }
img { border:0px; max-width:100%; }
p { padding:0 0 10px 0; }
#main { width:100%; height:100%; }
.main { width:854px; height:auto; margin:0 auto; }
.center { text-align:center; }
h1 { margin:20px 0; font-size:23px; line-height:28px; }
.comments { margin:10px 0 15px; }
.soc { margin:5px 0 20px; }
.soc h4 { display:inline-block; line-height:24px; font-size:16px; float:left; margin:0 10px 0 0 }
.clear { clear:both; overflow:hidden; }
.l { float:left; width:50%; }
.r { float:right; width:50%; text-align:right; }
.ll { float:left; width:60%; }
.rr { float:right; width:35%; }
.rr img { width:25px; }
h2 { font-size:20px; line-height:22px; font-weight:normal; margin:10px 0; }
h5 { font-size:22px; line-height:26px; }
@media only screen and (max-width: 767px) {
	.main { width:320px; }
	iframe { width:320px; height:180px; }
	h1 { font-size:20px; }
	h2 { font-size:18px }
	.l { float:none; width:100%; margin:0 0 15px; text-align:center }
	.r { float:none; width:100%; text-align:center } 
	.ll { float:none; width:100%; margin:0 0 20px; }
	.rr { float:none; width:100%; margin:0 0 10px; }
}