@media only screen and (max-width:1000px) {
/*LIGHTBOX*/
.lightbox .lb-image {
/*responsive*/width:auto!important;height:auto!important;
/*responsive - stop image upscaling*/max-width:100%!important;margin:0 auto;
}
.lb-outerContainer {/*responsive*/max-width:80%;height:auto!important;width:auto!important;}
.lb-dataContainer {/*responsive*/max-width:80%;height:auto!important;width:auto!important;}

#hdr,#home-about,#home-text,#home-projects,#contactbar,#ftr1,#ftr2,.main-content,#title-wrapper{padding-left:20px;padding-right:20px;}

#home-banner{padding:60px 20px 200px 20px;}

#services-panels h2{font-size:150%;}


}

@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;}
}
@media only screen and (max-width:740px) {
.cols333{display:block;}.cols333 div{width:100%;}.cols333 div:nth-child(2){margin-right:0%;margin-left:0;margin-bottom:30px;margin-top:30px;}
}



@media only screen and (max-width:959px) {
	#contactbar img{display:none;}
	#contactbar div{width:100%;display:block;text-align:center;padding-top:15px;}
	#contactbar div:nth-child(3){width:100%;}
	#contactbar div:last-child{width:100%;}
	#contactbar a{display:inline-block;}
	
	.portfolio_item{-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;flex-direction:row-reverse;}
	.portfolio_detail{margin:0 0 2% 2%;}
}



@media only screen and (max-width:819px) {
	#hdr{text-align:center;}
	#hdr img{float:none;}
	#nav{display:block;}	
	#title-wrapper h1{text-align:center;font-size:280%;}
	.main-content p{text-align:center;}
	.main-content h2{text-align:center;font-size:120%;}

#home-banner h1,#home-about h2,#home-projects h2{font-size:250%;}
#home-banner h1,#home-banner h2{width:auto;text-align:center;font-size:300%;}#home-banner h2{font-size:150%;}
#home-banner{padding-bottom:150px;text-align:center;}
#home-banner-wrapper{background-size:250px auto;}
#home-banner-bg{background-size:450px auto;}

#about-skills ul li{font-size:85%;}
#about-skills ul li:before{left:10px;}

#services-panels h2{font-size:130%;}
#services-panels h2 br{content:'';}
#services-panels h2 br:before{content:' ';}

.portfolio_item{display:block;}
.portfolio_detail{width:100%;align-items:center;margin:0 0 2% 0;position:relative;text-align:center;}
.portfolio_img{width:100%;align-items:center;margin:0 0 2% 0;position:relative;}

.portfolio_local{-webkit-flex-direction:column-reverse;-moz-flex-direction:column-reverse;flex-direction:column-reverse;display:-webkit-flex;display:-moz-flex;display:flex;padding-top:30px;}
.portfolio_local img{margin-bottom:20px;}

textarea{height:auto;}
input[type=submit]{margin:0;}
}



@media only screen and (max-width:639px) {
	#home-about-panels{display:block;}
	#home-about-panels div{width:100%;margin:0 0 2% 0;}
	#home-about-panels div:nth-child(2){margin:0 0 2% 0;}
	#profile-img{display:block;width:100%;padding:0 0 20px 0;}
	#profile-text{display:block;width:100%;}
	#profile-text p{text-align:center;}
	
	#about-skills ul li{padding-top:50px;}
	#about-skills ul li:before{left:calc(50% - 12px);top:10px;}
}

@media only screen and (max-width:599px) {
	#nav-toggle{display:block;}
	#nav{display:none;}
	
	#home-projects div{width:100%;display:block;}
}

@media only screen and (max-width:539px) {
	
	#somerset-web-design{width:100%;margin-right:0%;display:block;}
	#quote{width:100%;display:block;margin-top:20px;}
}

@media only screen and (max-width:399px) {
	#hdr img{width:180px;image-rendering:crisp-edges;}
	#nav-toggle{top:50px;}
	
	#about-skills ul li{width:48%;}
}

@media only screen and (max-width:359px) {
	#contactbar a{font-size:120%;}
}