/*
@media screen and (max-width: 1300px) {
	h1.headtitle {font-size:2em !important;}
	h2.headtitle {font-size:1.8em !important;}

}


@media screen and (max-width: 1100px) {
	#container {width:90%;}
	
}

@media screen and (max-width: 1000px) {

	#container {width:100%;}
	h1.headtitle {font-size:1.7em !important;}
	h2.headtitle {font-size:1.5em !important;}


	#menu {
		float:left;
		width:100%;
		position:relative;
		padding:0;
		margin:0;
		height:auto;
		background:#A9CE80;
	}
	
	#menu2 {
		float:left;
		width:100%;
		position:relative;
		padding:0;
		margin:0;
		height:auto;
		background:#DFEDD0;
	}
	
	ul.css3menu li {
	width: 100%;
	height:20%;
	margin:0;
	padding:0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index:99999;
	text-align:center;


	}

	ul.css3menu {
	padding:0;
	margin:0;
	position:relative;
	left:0;
	top:0;
	}
	ul.css3menu ul *{
	display:none;
	padding:0;
	background:none;
	border:none;
	position:absolute;
	left:-9999px;
	}	

	ul.css3menu a  {
	font-size:25px;
	line-height:2em;
	background:none;
	text-align:center;
	margin:3px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:solid #009859 5%;
	-webkit-border-radius: 10%;
	border-radius: 10%;
	
	}

	
}
@media screen and (max-width: 800px) {
	.headtitle {font-size:1.4em !important; padding:0 !important;}
	#side {width:100% !important;}
	#main {width:100% !important;}
	#footer {width:100% !important; margin:0;}
	#footer-l, #footer-r {display:none;}
}


@media screen and (max-width: 680px) {
	#logo {display:none;}
}

*/