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


#hdr,#ftr-wrapper,#content-wrapper{padding-left:20px;padding-right:20px;}
}

@media only screen and (max-width:820px) {
.cols5050{display:block;}.cols5050 div{width:100%;}.cols5050 div:first-child{margin-right:0%;margin-bottom:40px;}
.cols6040{display:block;}.cols6040 div{width:100%;}.cols6040 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;}
.cols4060{display:block;}.cols4060 div{width:100%;}.cols4060 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;}
.cols6633{flex-direction:column;}.cols6633 div{width:100%;}.cols6633 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;}
.cols3366{flex-direction:column;}.cols3366 div{width:100%;}.cols3366 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;}
.text-col{margin-bottom:0px!important;}.text-col p,.text-col h2{text-align:center;}
}
@media only screen and (max-width:739px) {
.grid{justify-content:left;}
.grid333 div{width:48%;-webkit-flex-basis:48%;-moz-flex-basis:48%;flex-basis:48%;margin:1%;}
}

@media only screen and (max-width:639px) {
.cols333{display:block;}.cols333 div{width:100%;}.cols333 div:nth-child(2){margin-right:0%;margin-left:0;margin-bottom:30px;margin-top:30px;}
.grid{display:block;}
.grid5050 div{width:98%;margin:1%;}
}



@media only screen and (max-width:1099px) {
	#img-block-wrapper{height:30vw;}.img-block-wrapper-contact{height:35vw!important;}
	#img-block img{width:28%;}
	#img-block span{width:calc(28% + 100px);}
	
	
	
}
@media only screen and (max-width:900px) {
	#banner{height:500px;}
	.slide-content h1{font-size:300%;}
	.slide-content h2{font-size:250%;}
	
}

@media only screen and (max-width:839px) {
	#content .round{top:-165px;}#content .round img{width:150px;}
	#img-block-wrapper{height:25vw;}
	#img-block span{border:30px solid #032439;width:calc(28% + 60px);}
	#img-block img:nth-of-type(1){left:15px;}#img-block img:nth-of-type(2){left:-15px;}
	
	#home-links h3{font-size:180%;}
	
}

@media only screen and (max-width:799px) {
	#content,#banner,#nav{font-size:90%;}
	#home-links{font-size:90%;}
	#home-links h3{font-size:160%;}
	
	#nav ul{display:block;}
	#nav ul li:first-child{display:block;}
	#nav ul li{width:100%;display:none;}
	#nav ul li:nth-child(1){width:auto;padding:12px 5px;font-weight:normal;;}
	#nav ul li a{padding:10px 12px;}
	#nav ul li:nth-child(1) a{padding:2px 0;}
	#nav-toggle{display:block;margin:0 15px 0 0;position:absolute;top:30px;right:10px;/*top:50%;right:0px;transform:translate(0,-50%);*/}
	
	#services div{display:block;}
	#services div div{display:block;width:100%;text-align:center;margin:0!important;}
	#services img{margin-top:30px;}
	#cbs{text-align:center;background-position:50% 20px;padding:140px 20px 30px 20px;}
	
	#gallery a{width:23%;margin:1%;}
	
}

@media only screen and (max-width:639px) {
#banner{height:400px;}
	.slide-content h1{font-size:200%;}
	.slide-content h2{font-size:150%;}
	#content .round{top:-125px;}#content .round img{width:120px;}
	
	#home-links{padding:50px 20px 80px 20px;}
	#home-links div{}
	#home-links div:nth-of-type(2){padding:30px 0;border:none;border-top:1px dotted #1b1b1b;border-bottom:1px dotted #1b1b1b;}
	#home-links img{height:100px;}
	#home-links h3{padding:20px 0 10px 0;}
	
	.slide-content span{border:none;padding:30px 20px 50px 20px;}
	
	#img-block-wrapper{height:230px;}.img-block-wrapper-contact{height:320px!important;}
	#img-block img:nth-of-type(1),#img-block img:nth-of-type(2){display:none;}
	#img-block span{border:30px solid #032439;display:inline-block;position:relative;top:-40px;width:calc(70% + 100px);max-width:300px;}
	#img-block span img:nth-of-type(1){display:block;}
	
	#gallery a{width:30%;margin:1.5%;}
	
	#aboutpics{padding:40px }
	#aboutpics div{padding-bottom:30px;} 

}



@media only screen and (max-width:599px) {
	/*#nav-toggle{display:block;margin:0 15px 0 0;position:absolute;top:30px;right:20px;}
	#nav{display:none;padding:0;}*/
	
	#ftr{background-position:50% 0px;background-size:40px;padding:60px 20px 30px 20px;}
}


@media only screen and (max-width:499px) {
	#nav ul li:first-of-type a img{width:70%;}
#content .round{/*position:absolute;top:-65px;right:calc(50% - 70px);*/display:none;}
#content p{text-align:center;font-size:120%;}

#gallery a{width:46%;margin:2%;}

#banner-title{font-size:250%;}
#title h1{font-size:200%;}

}
@media only screen and (max-width:399px) {
	#ftr a{font-size:90%;}
}