@charset "UTF-8";

body {
	background-color: #f9e49a;  
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	margin:5px; font-size: 0.9em;
}
#content {
	width: 70%;
	margin: 0 auto;
	padding: 12px;
	background-color: white;
}
p{
	margin: 0 0 .75em 0;
	font-family: Arial, Helvetica, sans-serif;
	 Helvetica, sans-serif;
	 font-size: .8em;
}
ul li{margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size: 1em; line-height:2em;
}
h1, h3
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.3em; color:#06C; margin-bottom:25px !important; margin-top:25px !important;
	}

	a:link {
		font-size: 1.2em;
		color: #C69;
		text-decoration: none;
	}
	a:hover {
		color: #3CF;
		text-decoration: underline;
	}
	a.blue{color:blue; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
h1{font-size:2em; text-align:center; color: #cd4b04;}
	h3.grey{background: #4e4e4e !important;border:none !important; color: #FFF !important; font-family: 'Bitter',Arial,sans-serif !important; font-size: 25px !important; margin: 0 !important; padding: 0 !important;}
h3{font-size: 1.8em !important; line-height:1.5em !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; background: #610000 !important; text-shadow: #7f3838 0px 2px 0x !important; border: 0px !important;}
@media only screen and (max-width: 320px){
	h3{font-size:20px !important; padding:5px !important;}
	h1{font-size:30px !important; padding:5px !important;}
}
@media only screen and (max-width: 520px){
	h3{font-size:20px !important; padding:5px !important;}
	h1{font-size:30px !important; padding:5px !important;}
}