@media only screen and (max-width:1200px) {
	.wrapper, .wrapper2 { padding: 100px 0 150px; }
	.grid-item { width: 25%; }
}
@media only screen and (max-width:992px) {
	.wrapper, .wrapper2 { padding: 100px 0; }
	.grid-item { width: 50%; }
}
@media only screen and (max-width:767px) {
	.wrapper, .wrapper2 { padding: 80px 0; }
	h1 { font-size: 34px; line-height: 32px; }
	#header { padding-top: 30px; }
	.hero-banner { min-height: 500px; background-position: left; }
	.hero-text { margin-top: 135px; }
	.hero-text h1 { font-size: 34px; line-height: 40px; }
	.hero-text p { font-size: 18px; }
	#overlay_container { margin-top: 50px; }
	#overlay_container nav ul li { margin-top: 10px; }
	#overlay_container nav ul li a { font-size: 30px; }
	.nav-right { text-align: left; margin-top: 30px; }
	.nav-right a, .nav-right p { font-size: 14px; margin-bottom: 20px; }
	.nav-right ul li { margin-left: 0; margin-right: 15px; }
	.btn { padding: 15px 25px; }
	.grid-item { width: 50%; }
	#team { text-align: center; }
	#testimonials { min-height: auto; }
	#testimonials blockquote { padding: 50px 0; }
	#footer { max-height: 100%; text-align: center; }
	#footer cite { text-align: center; }
}
@media only screen and (max-width:479px) {
	.grid-item { width: 100%; }
}
@media only screen and (max-width:320px) {
	.grid-item { width: 100%; }
}