@media screen and (max-width: 1136px) {

	.hero-top { display:none; }
	.hero .hero-phone { font-size:18px; top:18%; right:0; left:61%; }

}

@media screen and (max-width: 1024px) {

	.content-left { float:none; width:100%; }
	.content-right { float:none; width:100%; margin-top:30px; }

	.boxes { width:60%; }
	.signup-wrap { width:60%; }

}

@media screen and (max-width: 960px) {

	.hero .hero-phone { font-size:16px; }

}

@media screen and (max-width: 800px) {

	.hero .hero-phone { font-size:14px; }

	.boxes { width:70%; }
	.signup-wrap { width:70%; }

}

@media screen and (max-width: 720px) {

	.hero .hero-phone { font-size:12px; }

}

@media screen and (max-width: 600px) {

	.hero { display:none; }
	.hero-responsive { display:block; }

	.content-left .heading h1 { font-size:32px; }
	.content-left .heading h3 { font-size:20px; }
	.content-right .heading h2 { font-size:32px; }

	.boxes { width:80%; }

	.signup-wrap { width:80%; }
	.signup .header h3 { font-size:26px !important; }

}

@media screen and (max-width: 480px) {

	.hero-responsive .hero-phone { font-size:24px; }
	.hero-responsive .hero-phone a { font-size:32px; }
	.hero-responsive .hero-content .hero-title span.blue { font-size:28px; }
	.hero-responsive .hero-content .hero-title span.orange { font-size:36px; }
	.hero-responsive .hero-header { font-size:32px; }
	.hero-responsive .hero-header span { font-size:52px; }

	.content-left .heading h1 { font-size:26px; }
	.content-left .heading h3 { font-size:18px; }
	.content-right .heading h2 { font-size:26px; }

	.locations table th { font-size:20px; }

	.boxes { width:94%; padding:10px 3%; }
	.signup-wrap { width:100%; }

}

@media screen and (max-width: 400px) {

	.hero-responsive .hero-phone { font-size:20px; }
	.hero-responsive .hero-phone a { font-size:28px; }
	.hero-responsive .hero-content .hero-title span { padding:10px; }
	.hero-responsive .hero-content .hero-title span.blue { font-size:22px; }
	.hero-responsive .hero-content .hero-title span.orange { font-size:28px; padding-top:15px; }
	.hero-responsive .hero-header { font-size:28px; }
	.hero-responsive .hero-header span { font-size:48px; }

	.content-left .heading h1 { font-size:22px; }
	.content-left .heading h3 { font-size:16px; }
	.content-right .heading h2 { font-size:22px; }

	.locations table th { font-size:18px; }
	.locations table td { font-size:14px; }

	.boxes .img { float:none; top:0; right:0; margin:0 auto 5px; text-align:center; }

	.signup .header h3 { font-size:22px !important; }
	form select { width:100%; }

}