/*************************************************************/
/***************************CONTENT***************************/
/*************************************************************/



#principal {
	display:block;
	width:100%; height:auto;
	margin:0px; padding:50px 0px;
	background:url('/_images/services_bg.jpg') center #F8F7F6;
	background-size:cover;
	
	text-align:left;
}
	#principal h1 {
		margin-bottom:30px;
		
		font-family:'futura-lt';
		font-size:36px;
		text-transform:uppercase;
		color:#F7931E;
	}
		#principal h1 span {
			font-family:'futura-med';
			font-size:24px;
			text-transform:none;
		}
	
	#principal p {
		/*font-family: 'Museo Sans 500', Arial, Helvetica, sans-serif;*/
		font-size:18px;
		text-align:left;
		color:#4D4D4D;
		line-height:27px;
	}
	
	#principal img {
		float:left;
		width:auto; height:auto;
		margin-right:40px; 
		
		/*box-shadow: 1px 1px 9px #000;*/
	}


#services {
	display:block;
	width:100%; height:auto;
	margin:0px; padding:50px 0px;
	background:#FFF;
	
	text-align:left;
}
	#services h1 {
		margin-bottom:30px;
		
		font-family:'futura-lt';
		font-size:36px;
		text-transform:uppercase;
		color:#4D4D4D;
	}

	.service {
		float:left;
		width:16%; margin:0px 0px 10px 0px; padding:5px 2%;
		
		text-align:center;
		
		cursor:pointer;
	}
		.service:hover {
			background:rgba(0,0,0,.4);
		}
		
		.service img {
			width:64px; height:auto;
			margin-bottom:0px;
		}
		.service h2 {
			margin-bottom:10px;
			
			font-family: 'futura-med';
			font-size:15px;
			color:#4D4D4D;
		}
		
	#services a.button {
		margin:40px auto;
	}
	
	
#approach {
	color:#FFF;
	background:url('/_images/feature_bg.png') top repeat-x #4D4D4D;
}
	#approach h1 {color:#F7931E; }

#clients {
	background:url('/_images/services_bg.jpg') center #F8F7F6;
	background-size:cover;
}
	.client {
		display:inline-block;
		width:30%; height:auto;
		margin:0px 1% 20px 0px; padding:1%;
		vertical-align:top;
		
		text-align:center;
		
		cursor:pointer;
	
		-webkit-transition: all .25s ;
		-moz-transition: all .25s ;
		-ms-transition: all .25s ;
		-o-transition: all .25s ;
		transition: all .25s ;
	}
		.client:hover {
			background:rgba(255,255,255,.6);
		}
		
	.client h2 {
		color:#4D4D4D;
	}
		
	.client a {
		color:#F7931E; 
	}



		


/*************************************************************/
/***************************FOOTER****************************/
/*************************************************************/










/*******SCREEN SIZE*******/
@media screen and (min-width: 1600px){
	
}
	
@media screen and (max-width: 999px){
	.client {
		width:48%;
		margin-right:0px;
	}
	
@media screen and (max-width: 640px){

	#principal img {
		float:none;
		width:100%; height:auto;
		margin-bottom:20px; 
		
		/*box-shadow: 1px 1px 9px #000;*/
	}

	.service {
		width:29%;
	}
		.service:nth-child(3n+2) {
			margin-right:3px;
			clear:both;
		}
		.service img {
			width:64px; height:auto;
			margin-bottom:0px;
		}
		
	#services p {
		clear:both;
	}

	.client {
		display:block;
		width:auto;
	}

}