@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;	
	}
		
	.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: 22% !important;
		font-size: 1em;
		display: block;
		max-width: 110% !important;
		height: 60px;
		margin-bottom: 4em;	
		width: 300px !important;
		height: 60px;
	}
	
	.navbar-header button {
		font-size: 1em;
		background: #fc0 !important;
		float: none;
		margin-left: 2em !important;
		margin-top: 5em !important;
		display: block;
		width: 300px !important;	
		height: 60px;
	}
	
	div.fernMenuLogo {
		display: none;
	}
	
	.share-button {
		display: none;	
	}
	
	#front-page-footer {
		display: none;	
	}
	
	div.about-panel {
		width: 100% !important;
		height: 220px !important;
		background: #ececec;
		border: none !important;
		margin-top: 1em !important;
	}
	
	.about-panel #EdgeID {
		max-width: 100% !important;
		height: 600px !important;	
	}
	
	
	
	#links {
		width: 95% !important;
		margin-left: 1em !important;
		margin-top: 2em;
		margin-bottom: 2em;
		border-radius: 1em;
		background: #ececec;
		padding: .5em 2em 1em 2em;
		box-shadow: inset 1px 2px 10px 2px #999;
		float: none;
	}
	
	#links h1 {
		margin-left: 1em;
		font-size: 1em;	
	}
	
	#links h2 {
		margin-left: 1em;
		font-size: 1em;
		color: #555;
	}
	
	#links li {
		list-style: none;
		font-size: 1.2em;
	}
	
}