@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

@media all and (min-width: 1151px) {
	body	{
		font-family: 'Montserrat', sans-serif;
		background-color: #EEEEEE;
		margin: 0em;
		color: #000000;
	}
	
	#top	{
		background-color: #303030;
	}

	#topweather {
		position: absolute;
		top: 20px;
		left: 30vw;
		display: inline;
		overflow: hidden;
	}

	#topweather iframe {
		 -ms-transform: scale(0.35);
		 -moz-transform: scale(0.35);
		 -o-transform: scale(0.35);
		 -webkit-transform: scale(0.35);
		 transform: scale(0.35);

		 -ms-transform-origin: 0 0;
		 -moz-transform-origin: 0 0;
		 -o-transform-origin: 0 0;
		 -webkit-transform-origin: 0 0;
		 transform-origin: 0 0;
	}
	
	#toplogo	{
		padding-top: 1em;
		margin-left: 8.33%;
		float: left;
	}

	#toplogo img	{
		height: 70px;
		border: none;
	}
	
	#toplinks	{
		padding-top: 1.6em;
		margin-right: 8.33%;
		text-align: right;
		letter-spacing: 1px;
		font-weight: 600;
		font-size: 90%;
		color: #FFFFFF;
	}
	
	#toplinks a	{
		text-decoration: none;
		font-weight: 600;
		padding: 0em 2em;
		color: #FFFFFF;
	}

	#open	{
		position: relative;
	}

	#open a	{
		font-weight: 600;
		padding: 0em;
	}
	
	#mb_open	{
		display: none;
	}

	.mebutton a:hover {
	        background-color: #B5BF46;
	}
		
	#meframe {
		width: 100%;
		height: 624px;
		border: 0em;
		margin: 0em auto;
		overflow: hidden;
	}

	#mb_me_image {
		display: none;
	}
	
	#insideout {
		text-align: center;
		padding: 2em 8.33%;
		background-image: url('/images/design/crossword.png');
	}
	
	#insideout .minorhead {
	        color: #B5BF46;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 200%;
	}
	
	#insideout .majorhead {
	        color: #B5BF46;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 300%;
	}
	
	#insideout p {
		line-height: 1.5em;
	}
	
	#insideout .thumbnaillinks table {
		width: 100%;
		margin-top: 3em;
		margin-bottom: 3em;
	}
	
	#insideout .thumbnaillinks td {
		width: 20%;
		text-align: center;
		vertical-align: middle;
		position: relative;
		height: 188px;
	}
	
	#insideout .thumbnaillinks td a {
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
		font-size: 110%;
	}
	
	#insideout .thumbnaillinks td a:before {
	        content: "";
	        position: absolute;
	        width: 95.5%;
	        height: 6px;
	        bottom: -6px;
	        left: 1px;
	        background-color: #61AFAB;
	        visibility: hidden;
	        -webkit-transform: scaleX(0);
	        transform: scaleX(0);
	        -webkit-transition: all 0.2s ease-in-out 0s;
	        transition: all 0.2s ease-in-out 0s;
	}
	
	#insideout .thumbnaillinks td a:hover:before {
	        visibility: visible;
	        -webkit-transform: scaleX(1);
	        transform: scaleX(1);
	}
	
	#insideout .thumbnaillinks td .ontop {
		color: #FFFFFF;
		position: absolute;
		left: 0%;
		top: 50%;
		width: 95%;
		text-align: center;
		z-index: 100;
	}
	
	#insideout .thumbnaillinks img {
		width: 16vw;
		margin-right: 0.66vw;
		border: 0em;
		z-index: 0;
	}

	#mb_icons {
		display: none;
	}
	
	#calltoaction {
		width: 100%;
		background-color: #61AFAB;
		padding: 2.5em 0em;
		letter-spacing: 3px;
		text-align: center;
		color: #FFFFFF;
		font-weight: 300;
		font-size: 160%;
		position: relative;
	}
	
	#onstone	{
		background-image: url('/images/design/ep_naturalwhite.jpg');
	}
	
	#happening	{
		width: 100%;
		text-align: center;
		overflow: hidden;
	}
	
	#happening h2	{
		padding-top: 2em;
		margin-top: 0em;
		color: #333333;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 600;
		font-size: 150%;
	}
	
	#happeningframe {
		width: 100%;
		max-width: 100vw;
		height: 700px;
		border: 0em;
		margin: 0em auto;
		overflow: hidden;
	}
	
	#learn	{
		width: 42%;
		margin: 0em auto;
		position: relative;
		letter-spacing: 0.5px;
		top: -1em;
	}

	#learnpic {
		float: right; 
		padding-left: 1em; 
		position: relative; 
		top: -2em; 
		right: -1.5em;
	}

	#mb_learnpic {
		display: none;
	}
	
	#innerlearn	{
		width: 90%;
		background-color: #FFFFFF;
		margin: 2em auto;
		text-align: left;
		font-weight: 300;
		padding: 2em;
	}
	
	#innerlearn h2 {
		margin-top: 0em;
		color: #B5BF46;
		padding-right: 9em;
	}
	
	#innerlearn p {
		padding-right: 9em;
	}
	
	#innerlearn .morebutton {
		padding-right: 9em;
		text-align: right;
		margin-top: 3em;
	}
	
	#mission	{
		background-color: #EEEEEE;
		color: #333333;
		letter-spacing: 1px;
		clear: both;
		background-image: url('/images/design/mission.jpg');
		background-repeat: no-repeat;
		background-position: middle left;
		background-size: 50%;
		font-size: 120%;
		font-weight: 300;
		padding: 2em 8em 0em 2em;
		padding-left: 55%;
		height: 410px;
		margin-top: 2em;
	}
	
	#mb_missionpic	{
		display: none;
	}

	#mission strong {
		font-weight: 500;
	}
	
	#mission h2	{
		font-weight: 300;
		font-size: 180%;
	}
	
	#mission .morebutton {
		text-align: left;
		margin-top: 2.5em;
		font-size: 90%;
	}

	#bottomnavbar {
		display: none;
	}
}

@media all and (max-width: 1150px) {
	body	{
		font-family: 'Montserrat', sans-serif;
		background-color: #EEEEEE;
		margin: 0em;
		color: #000000;
	}
	
	#top	{
		background-color: #303030;
	}
	
	#topweather {
		position: absolute;
		top: 20px;
		left: 30vw;
		display: inline;
		overflow: hidden;
	}

	#topweather iframe {
		 -ms-transform: scale(0.75);
		 -moz-transform: scale(0.75);
		 -o-transform: scale(0.75);
		 -webkit-transform: scale(0.75);
		 transform: scale(0.75);

		 -ms-transform-origin: 0 0;
		 -moz-transform-origin: 0 0;
		 -o-transform-origin: 0 0;
		 -webkit-transform-origin: 0 0;
		 transform-origin: 0 0;
	}
	
	#toplogo	{
		padding: 0.5em 0em;
		margin-left: 8.33%;
	}
	
	#toplogo img	{
		height: 50px;
		border: none;
	}
	
	#quicklinks	{
		display: none;
	}

	.search	{
		display: none;
	}
	
	#open	{
		display: none;
	}
	
	.mebutton a:hover {
	        background-color: #B5BF46;
	}
		
	#meframe {
		width: 100%;
		height: 60vw;
		border: 0em;
		margin: 0em auto;
		overflow: hidden;
	}

	#mb_open	{
		width: 100%;
		background-color: #A5AC43;
		color: #FFFFFF;
		font-weight: bold;
		display: block;
		padding: 0.75em 0em;
		text-align: center;
	}
	
	#toplinks a	{
		text-decoration: none;
		font-weight: 400;
		padding: 0em 2em;
		color: #FFFFFF;
	}
	
	#mb_open a	{
		font-weight: 600;
	}
	
	#mb_me_image {
		max-height: 1000px;
		width: 100vw;
		text-align: center;
		padding: 0em;
		background-color: #61AFAB;
		line-height: 0em;
	}
	
	#mb_me_image img {
		width: 100vw;
		max-height: 1000px;
		border: none;
	}
	
	#insideout {
		text-align: center;
		padding: 1.2em 8.33%;
		background-color: #61AFAB;
	}
	
	#insideout .minorhead {
	        color: #FFFFFF;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 150%;
	}
	
	#insideout .majorhead {
	        color: #FFFFFF;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 200%;
	}
	
	#insideout p {
		display: none;
	}
	
	#insideout .thumbnaillinks table {
		display: none;
	}

	#mb_icons {
		background-color: #FFFFFF;
		color: #61AFAB;
		font-size: 125%;
		font-weight: 600;
		text-align: center;
	}

	#inner_mb_icons {
		padding: 2em 0em;
		text-align: center;
	}

	#mb_icons table {
		width: 100vw;
		margin-left: 0vw;
	}

	#mb_icons td {
		vertical-align: top;
		text-align: center;
		width: 50vw;
		padding: 1em;
	}

	#mb_icons td:first-child {
		border-right: 1px solid #000000;
	}

	#mb_icons a {
		text-decoration: none;
		line-height: 1.5em;
	}
	
	#calltoaction {
		display: none;
	}
	
	#onstone	{
		background-image: url('/images/design/ep_naturalwhite.jpg');
	}
	
	#happening	{
		width: 100%;
		text-align: center;
	}
	
	#happening h2	{
		padding-top: 1em;
		margin-top: 0em;
		color: #333333;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 600;
		font-size: 150%;
	}
	
	#happeningframe {
		width: 100vw;
		height: 700px;
		border: 0em;
		margin: 0em auto;
		overflow: hidden;
	}
	
	#learn	{
		width: 100%;
		margin: 0em;
		letter-spacing: 0.5px;
	}
	
	#learnpic {
		display: none;
	}

	#mb_learnpic {
		max-height: 1000px;
		width: 100vw;
		text-align: center;
		background-color: #16B1AB;
		line-height: 0em;
	}
	
	#mb_learnpic img {
		max-height: 1000px;
		width: 100vw;
	}
	
	#innerlearn {
		width: 100vw;
		background-color: #16B1AB;
		margin: 0em;
		text-align: center;
		font-weight: 300;
		padding: 1em 0em;
		color: #FFFFFF;
	}

	#innerlearn p {
		padding: 0em 1em;
	}
	
	#innerlearn h2 {
		margin-top: 0em;
		color: #FFFFFF;
	}

	#innerlearn .morebutton {
		margin: 2em!important;
		text-align: center!important;
	}

	#innerlearn .morebutton a {
		background-color: #FFFFFF;
		color: #000000!important;
		text-transform: lowercase;
		font-weight: bold;
	}
	
	#mission	{
		background-color: #93A136;
		color: #FFFFFF;
		letter-spacing: 1px;
		font-size: 90%;
		font-weight: 300;
		padding: 0em;
		padding-bottom: 1em;
		margin-top: 0em;
		text-align: center;
	}

	#missionabout {
		display: none;
	}
	
	#mb_missionpic {
		max-height: 1000px;
		width: 100vw;
		text-align: center;
	}
	
	#mb_missionpic img {
		max-height: 1000px;
		width: 100vw;
	}
	
	#mission strong {
		font-weight: 500;
	}
	
	#mission h2	{
		font-weight: 600;
		font-size: 180%;
	}

	#mission .morebutton {
		padding: 1em 0em 1em 0em;
	}
	
	#mission .morebutton a {
		background-color: #FFFFFF;
		color: #000000!important;
		text-align: center;
		margin: 2em 0em!important;
		text-transform: lowercase;
		font-size: 100%;
		font-weight: 600;
		padding: 0.5em 3em!important;
	}

	#bottomnavbar {
		display: none;
	}

}