.projects {	color:#2E2E2E;	}
.projects-left {	width:22.8%;	}
.projects-right {	width:77.2%;	}
.projects-title-box {
	height:			175px;
	border-top:		2px solid black;
	border-bottom:	2px solid black;
}
.projects-title {
	font-size:	35px;
	margin-top:	20px;
	margin-bottom: 20px;
}
.projects-copy {
	margin-top:		20px;
	line-height:	120%;
	font-size:		20px;
	padding-bottom: 20px;
	border-bottom:	2px solid black;
	margin-bottom:	30px;

}
.contact-icons {
	margin-bottom:20px;
}
.contact-icon {
	display:block;
	margin-right:20px;	
}
.contact-icon img {
	max-height:20px;
}

.project 		{	width:			33.33333%;	}
.project-inner 	{
	padding-left:	12%;
	padding-bottom:	40px;
}
.project-thumb {
	text-align: center;
}
.project-title {
	letter-spacing:	1px;
	padding-top: 	20px;
	padding-bottom:	10px;
	border-bottom:	2px solid black;
	font-size:		14px;
}
.project-copy {
	margin-top:		10px;
	font-size:		20px;
	line-height:	110%;
}
@media all and (max-width: 1300px) {
	.content {
		padding-left:20px;
		padding-right:20px;
	}
}

@media all and (max-width: 1120px) {
	.projects-left {	width:29%;	}
	.projects-right {	width:71%;	}
	.project { width:50%; }
	.project-inner { padding-left:16%; }
}
@media all and (max-width: 950px) {
	.project-inner { padding-left:13%; }
}
@media all and (max-width: 900px) {
	.project-inner { padding-left:8%; }
}
@media all and (max-width: 800px) {
	.projects-left, .projects-right {	width:100%;	}
	.project-inner { 
		padding-left:9%;
		padding-right:9%;
	}
	.projects-title-box { height:auto; }
}
@media all and (max-width: 750px) {
	.project-inner {
		padding-left:7%;
		padding-right:7%;
	}
}
@media all and (max-width: 700px) {
	.project-inner { 
		padding-left:4%;
		padding-right:4%;
	}
}
@media all and (max-width: 550px) {
	.projects-left, .projects-right, .project {	width:100%;	}
	.project-inner { 
		padding-left:19.5%;
		padding-right:19.5%;
	}
}
@media all and (max-width: 500px) {
	.project-inner {
		padding-left:16%;
		padding-right:16%;
	}
}
@media all and (max-width: 450px) {
	.project-inner {
		padding-left:12%;
		padding-right:12%;
	}
}
@media all and (max-width: 400px) {
	.project-inner {
		padding-left:7%;
		padding-right:7%;
	}
}
@media all and (max-width: 350px) {
	.project-inner {
		padding-left:0%;
		padding-right:0%;
	}
}