/* Big tablet to 1200px (widths smaller than the 1140px row) */

@media only screen and (max-width: 1200px) {
	.headline {
	width: 100%;
	padding: 0 2%;}
	
.row{padding: 0 2%;}

.portfolio-thumbnails li {
width: 50%;
height: 50%;
}

}






/* Small tablet to big tablet:768 to 1023 */

@media only screen and (max-width: 1023px) {
	
section {padding: 60px 0;}

h2 .subheader {font-size: 90%}

.portfolio-thumbnails li {
width: 50%;
height: 50%;
}

.span-1-of-3 {
 	display: block;
 	width: 100%!important;
 	padding: 0 150px;
 	text-align: left;
 }
 
}


/* Small phones to small tablets: from 481 to 767px */

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

.section-green{
	padding: 50px 80px;
	min-height: 400!important;
}


.subheader{padding:0 60px;}


body {font-size: 15px;}
h1,h4 {font-size: 240%;}
h2,h5 {font-size: 130%;}
.main-nav {
	margin-right: 30px
 }
 .span-1-of-3 {
 	display: block;
 	width: 100%!important;
 	padding: 0 60px;
 }


.portfolio-thumbnails li {
width: 50%;
height: 50%;
}

h1,h2{padding: 0 60px;}
form{width:500px;}
}

/* Small phones: from 0 to 480px */

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

body {font-size: 15px;}
h1 .headline{font-size: 120%}
h2 .subheader{font-size: 90%}

.span-1-of-3 {
 	display: block;
 	width: 100%!important;
 	padding: 0 60px;
 }

.portfolio-thumbnails li {
width: 50%;
height: 50%;
}

h1,h2{padding: 0 60px;}
form{width:500px;}

}