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


/* 800px */

body {
		font-size: 14px;
	}
	
	h2 {
		font-size: 25px;
	}
	
	h3 {
		font-size: 20px;
		line-height: 22px;
	}
	
	.h3-description {
		font-size: 10px;
		padding-top: 0;
	}

.content .quarters {
	width: 200px;
	margin-right: 10px;
}

.content .quarters-container {
	width: 420px;
	margin: auto;
}

.content .quarters-responsive-1 {
	padding-bottom: 0;
}

.content .quarters-responsive-2 {
	padding-bottom: 0;
}

.content .quarters-responsive-3 {
	clear: both;
}

.content .content-contact-left {
	float: none;
	width: auto;
	margin-right: 0;
	margin-bottom: 30px;
}

.content .map {
	clear: both;
	width: 100%;
}

.content .map iframe {
	height: 400px;
}


/* Responsive Navigation */

@media screen and (max-width: 730px) {
	
	.header .menu-trigger {
		display: block;
		float: right;
		margin-right: 10px;
	}
	
	
	.header .nav-container {
		display: none;
	}
	
	.header ul.nav {
		position: static;
	}
	
	.header ul.nav li {
		float:none;
		border-bottom: 1px solid #2d5b5f;
		text-align: center;
	}
	
	.header ul.nav li:last-child {
		border-bottom: none;
	}
	
	.header ul.nav li a {
		padding: 20px 24px 20px;
		background: #34676b;
		color: #FFFFFF;
		text-transform: uppercase;
		font-weight: 600;
	}
	
	.header ul.nav li a:hover {
		background: #4aa35f;
		color: #FFFFFF;
	}
	
}


/* Responsive Contact */

@media screen and (max-width: 600px) {
	
	.contact-container .contact input {
		float: none;
		width: 94%;
		padding: 14px 3% 14px 3%;
		margin-bottom: 10px;
	}
	
	.contact-container .contact textarea {
		width: 94%;
		padding: 14px 3% 14px 3%;
	}
	
}


/* 480px */

@media screen and (max-width: 480px) {	
	
	
	h1 {
		font-size: 28px;
		line-height: 32px;
	}
	
	.top-image1 {
		height: 250px;
		background:url(../img/top_image1_sm.jpg)
	}

	.top-image2 {
		height: 250px;
		background:url(../img/top_image2_sm.jpg)
	}
	
	.top-image3 {
		height: 250px;
		background:url(../img/top_image3_sm.jpg)
	}
	
	.top-image4 {
		height: 250px;
		background:url(../img/top_image4_sm.jpg)
	}
	
	.top-image5 {
		height: 250px;
		background:url(../img/top_image5_sm.jpg)
	}
	
	.content .quarters-container {
		width: 200px;
	}
	
	.content .quarters {
		float: none;
		margin-right: 0;
		padding: 0 0 50px 0;
	}
	
	.footer-container .footer p {
		font-size: 10px;
		line-height: 16px;
	}
	
}