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

@media screen and (max-width: 767px) {
	
	#mainContent {
		width: 550px !important;	
	}
	
	.navbar {
		position: relative;
		margin-top: 1em;
		margin-bottom: .5em !important;
		width: 100% !important;
		height: auto;
		background: none !important;	
	}
	
	.navbar-header {
		margin-left: 2em !important;	
	}
		
	.navbar-inner {
		display: none;	
	}

	.navbar li {
		font-size: 1.4em;
		width: 120% !important;
		height: 60px;
		background: #000;
		opacity: 1;
		display: block;
		margin: .3em 2em .2em 0;
		
	}

	.navbar-brand {
		position: absolute !important;
		top: 0 !important;
		left: 14em !important;
		font-size: 1em;
		display: block;
		width: 600px !important;
		height: 60px;
		margin-bottom: 4em;	
		background: #000 !important;
	}
	
	.navbar-header button {
		font-size: 1em;
		background: #fc0 !important;
		float: none;
		margin: 5em 0 2em 7em !important;
		display: block;
		width: 300px !important;	
		height: 60px;
	}
	
	div.fernMenuLogo {
		display: none;
	}
	
	.share-button {
		display: none;	
	}
	
	#front-page-footer {
		display: none;	
	}
	
	#office-address {
		width: 400px !important;
		margin-left: 5em;
		border-radius: 1em;
		background: #f8f8f8;
		box-shadow: inset 2px 1px 10px 2px #ccc;
		padding-top: .5em;
		padding-bottom: 2em;
	}
	
	.contact-header h1 {
	text-align: center;
}

.contact-header p {
	max-width: 400px;
	text-align: center;
	color: #555;
	font-size: 1.5em;
	margin: 0 auto;
}

#contact-form {
	max-width: 90%;
	height: auto;
	border-radius: 1em;
	background: #f8f8f8;
	color: #770000;
	padding: 2em;
	box-shadow: inset 2px 1px 10px 2px #ccc;
	margin-left: 1em;
	margin-bottom: 2em;
}

   
	
}