@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 0px) and (max-width: 1000px) {
 	
	
	h1 { font-size:3em; }
	
	h2 { font-size:2.6em; }
	
	h3 { font-size:2.2em; }


	#headerbar { height: auto; }

	#headerbar-sub { height: auto; padding-bottom:3em; }
	
	
	#desktopmenu {
		display: none;
	}

	#desktopmenu-sub {
		display: none;
	}
	
	#mobilemenu {
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top:6em;
	}

	#mobilemenu li {
		font-size: 1.5em;
		text-align: left;
		margin-top:1.2em;
	}
	
	
	#logo {
		float:none;
		width: 100%;
		top: 15px;
		left:0;
		display:block;
		text-align: center;
	}
	
	.logo {
	 width:50%;
	 height:50%;
	}
	
	
	#contact {
		float: none;
		width: 100%;
		text-align: center;
		right: 0;
		font-size: 1.5em;
	}

	#masthead {
	width: 100%;
	min-height: 200px;
	height: auto;
	background-image: url('images/masthead-mobile-1.jpg');
	background-size: cover;
	padding-bottom:.5em;
	}
	
	#moniker {
	width: 90%;
	margin: 0 auto;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
	padding-left:0;
	font-size: 4em;
	text-align: center;
	color:#fff;
	text-shadow: 1px 1px 1px #333;
	line-height: 1.1em;
	margin-bottom:1em;
}

.footertext {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	word-spacing: normal;
	font-size: 1em;
}



	.dontshowme {display:none;}

	.imgscale {
    max-width: 100%;
    height: auto;
	}

}