@media only screen and (min-width: 321px) and (max-width: 800px) {
	html { min-height: 1170px; }
}

@media only screen and (max-width: 1300px) {
    .headline{
    	max-width:500px;
        top:10px;
    }
}


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

	.inner_width {
		padding: 0 3% 0 3%;
	}

	.inner {
		padding: 0 3% 0 3%;
	}

}

@media only screen and (max-width: 930px) {
    
    .headline {
    	top:0px !important;
    }

    .headline h2 {
    	font-size:2rem;

    }		

	.carousel {
	    margin: 3px auto;
   }

}

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

    .button_inline {
        display: inline-block;
        margin:10px 0 0 0;
    }	

    .headline{
    	max-width:500px;
        top:10px;
    }

    .headline h2 {
    	margin:0;
    }	

	body { min-width: 100%;}

	#site_container, .inner_width{
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#site_topnav{
		width: 98%;
	}

	.cycle-slideshow .slide{
		width: auto;
		height: auto;
}

	.content_slide{
		width: auto;
		height: auto;
	}


	.inner_width{
		padding: 0 1% 0 1%;
	}

#services ul li { width:24%; margin: 0 1% 2% 0; padding: 0; list-style: none; overflow: auto; position: relative; }


}

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

	#site_topnav > ul > li {
		padding: 0 10px 0 0;
	}

}

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

	#site_topnav > ul > li {
		padding: 0 6px 0 0;
	}

	#site_topnav > ul > li a{
		padding: 0 6px 0 0;
	}	


}

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

	.inner_width {
		box-sizing: border-box;
	    clear:both;
	}

#news{
	padding-left: 10px;
	padding-right: 10px;

}


	.inner_width h1{
		
	}

	.inner_width h2{
	}

.content_center .intro{
	padding-left: 10px;
	padding-right: 10px;
}

.left{
	padding-left: 10px;
}

.left h1{
	padding-left: 0px;
	line-height: 44px;
}

.right{
	padding-right: 10px;
}

/*#main_nav{
	display: none;
}*/

.nav_left{
			width:215px;
			float:left;
}

.nav_right{
	width: 65%;
	margin-right: 0;
	float: right;
	text-align: right;
}

#footer_container{
	padding-left: 10px;
	padding-right: 10px; 
}

.right_footer h1, .right_footer p, .right_footer h2{
	background: none;
	padding-left: 10px;
}

#services ul li { width:48%; margin: 0 1% 2% 0; padding: 0; list-style: none; overflow: auto; position: relative; }


}

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

	.inner_width {
		padding: 0 3% 0 3%;
	}

	.inner_width_home {
		padding:0 1em;
	}

		.inner_width_home h1 {
			padding:0;
		}

		.mainText {
			box-sizing: border-box;
			width:100%;
			display:block;
			padding:0 1rem;
			margin:0;
			float:left;
		}

			.mainText h1 {
				padding:1rem 0 0 0;
				margin:0;
			}

			.mainText ul {
				padding:0 0 1rem 1.5rem;
				margin:0;
			}

				.mainText ul li {
					padding:0;
					margin:0;
				}

			#pageIntro p {
				padding:1rem 0;
				margin:0;
				font-size: 1.2rem
			}	

			p {
				padding:0 0 1rem 0;
				margin:0;
			}


		.rightText {
			box-sizing: border-box;
			width:100%;
			padding:0;
		}

			.customerQuote {
				margin: 0 1rem;
				padding:0 1.5rem;
			}

				.customerQuote p {
					font-size:1.2rem;
					padding:0;
					margin:0;
				}



}

@media only screen and (max-width: 840px) {
	.formWrapper{
			
	}

	.formWrapper > .left{
		margin:2em 0 0 0;
		width:100%;
	}

		.left h4{
			margin: 0;
			padding: 0;
			font-size: 1.2rem;
		}

		.left h4 a{
			text-transform: lowercase;
			font-size: 1.2rem;
			line-height: 1.4rem;
			font-weight: 400;
			text-decoration: none;
		}

	.formWrapper > .right{
		box-sizing: border-box;
		width:100%;
		margin:0 0 2rem 0;
		padding:0 1rem 1rem 0.5rem;
	}	

	.inner_width:nth-of-type(1) {
		/*padding:60px 1.5rem 0 1.5em;*/
		padding: 50px 0 0 0;
	}


	.inner_width > .left_article {
		padding:0 1.5rem;
		margin:3rem 0 0 0;
		box-sizing: border-box;
		width:100%;
	}

		.inner_width > .left_article h1 {
			padding:0px;
			margin:0px;
		}

	.inner_width > .right_article {
		box-sizing: border-box;
		clear:both;
		width:100%;
	}

	#news_navs {
		width:100%;
	}

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

	.headline {
		top:30px !important;
   	}

	 .page-hero-image {
	 	clear:both;
	 	float:left;
	 	width:100%;
	 	margin:3rem 0 0 0;
	 }

	 .page-home-image {
	 	clear:both;
	 	float:left;
	 	width:100%;
	 	margin:3rem 0 1rem 0;
	 }

}

@media only screen and (max-width: 780px) {
	.headline {
	    display:none;
   	}	
}

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

    ul.boxes > li {
        margin: 0 2% 1rem 0;
        width:49%;
    }

        ul.boxes li:nth-child(2n+2) {  
           margin-right: 0;
        }   


		    ul.footer_links {
                text-align:center;
                margin:0 auto 2% auto;
		    }


	/*	#site_topnav {

	  position: relative;
	  opacity: 1;
	}

	.nav_left{
			width:100%;
			text-align: center;
		}

	.nav_right{
		width:100%;
			text-align: center;
	}*/

	.content_inner_width .content_left{
		width:100%;
	}

	.content_inner_width .content_right{
		width:100%;
	}

	#right_menu ul {
		padding-left: 5px;
		padding-right: 5px;
	}

	.left_footer{
		width:100%;
		text-align: center;
	}

	.right_footer{
		width:100%;
		text-align: center;
		margin:20px 0 0 0;
	}

	.right_footer h1, .right_footer h2{
		text-align: center;
	}

footer{
	clear:both;
	float:left;
	padding:1em;
	box-sizing: border-box;
}

	#services ul li { width:48%; margin: 0 1% 2% 0; padding: 0; list-style: none; overflow: auto; position: relative; }

	ul.social_links {
		width:100%;
		float:none;		
	}

	ul.footer_links {
		width:100%;
		margin:0 0 2% 0;
		padding:0;
		text-align:center;
	}
	
		ul.footer_links li:first-of-type {
			border-top:0px;
		}

    	ul.footer_links li::after {
			content: "";
    	}		

		ul.footer_links li {
			float:left;
			display:block;
			border-top:1px solid #eee;
			width:100%;
			margin:0;
			padding:0;
		}	

			ul.footer_links li a {
				width:100%;
				padding:2% 0;
				display:block;
				margin:0;

			}


}


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

	#services ul li { width:100%; margin: 0 0 2% 0; padding: 0; list-style: none; overflow: auto; position: relative; }

    ul.boxes > li {
        margin: 0 0 1rem 0;
        width:100%;
    }

        ul.boxes li:nth-child(2n+2) {  
            margin-right: 0;
        } 	






}