/*
    works.css
    eastwestmoto.com | 14/01/2018
    Copyright 2018 web-communication.eu
*/



.works {
	position:					relative;
	width:						100%;
	background:					#FFFFFF;
	text-align: 				center;
	margin: 					0 auto;	
}

.works .container {
	width:						100%;
	padding: 					50px 0 20px 50px;
	display: 					inline-block;
	text-align: 				left;
}

.works .column-left {
	float: 						left;
	width:						35%;
	margin-left: 				5%;
}

.works .column-right {
	width:						51%;
	margin-left: 				4%;
	margin-top: 				40px;
	float: 						left;
}


.works p {
    padding: 					0 15px 25px 0;
	font-family:         		'Verdana', sans-serif;
    font-size:		            16px; 
	font-weight:    		    normal;
	color: 						#111111; 
	line-height:				20px;
}

.works h3 {
	font-family: 				'Michroma', sans-serif;
	font-size:   		        20px; 
	font-weight:       		    bold; 
	color:              		#333333; 
	padding: 					15px 15px 15px 0;
}

.works sup {
	font-size:   		        12px; 
}


/* responsive */	

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

	.works sup {
		font-size:   		        10px; 
	}
}

@media only screen and (max-width: 1280px) {
	
	.works .column-left {
		float: 						left;
		width:						35%;
		margin-left: 				2%;
	}

	.works .column-right {
		width:						51%;
		margin-left: 				10%;
		float: 						left;
	}
	
}

@media only screen and (min-width: 1441px) {
	
	.works .container {
		width: 			1440px;
	}

}