/*
    shapes.css
    eastwestmoto.com | 10/01/2017
    Copyright 2018 web-communication.eu
*/


.shapes {
	position:					relative;
	margin:						0 auto;
	width:						100%;
}



.shapes img {
	max-width: 					100%;
	display: 					block;
}




.shapes .topic {
	margin: 					0;
	position:					absolute;
	top: 						15%;
	width: 						50%;
	right: 						50%;
	font-family:         		'Verdana'; 
	text-align: 				center;
	-webkit-transform: 			translate(50%, 0);
	transform: 					translate(50%, 0);
}

.shapes .topic .bg {
	background: 				rgba(255,255,255,.7);
	padding: 					25px 0;
}

.shapes .topic p {
    font-size:		            16px; 
	font-weight:    		    normal;
	color: 						#000; 
	line-height: 				22px;
	padding: 					10px 60px;
	
}

.shapes .topic h1 {
	font-family: 				'Michroma', sans-serif; 
	color:              		#000000; 
	z-index: 					10;
}

.shapes .topic h2 {
	font-family: 				'Michroma', sans-serif;
	color:              		#000000; 
}

.title .line {
	width: 						10%;
	margin: 					10px auto;
	position: 					relative;
	border-bottom: 				2px solid #ff00ff;
}




.shapes .spotline {
	position:					absolute;
	margin: 					0;
	bottom: 					8%;
	width: 						50%;
	right: 						0;
	font-family:         		'Verdana'; 
	float: 						left;
	padding: 					50px 80px 50px 70px;
}


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

.shapes .spotline h3 {
	font-family: 				'Michroma', sans-serif;
	font-size:   		        24px; 
	font-weight:       		    bold; 
	color:              		#333333; 
	padding: 					15px;
}


/* responsive */	

@media only screen and (max-width: 1135px) {
	
	.shapes .spotline {
		bottom: 					0;
		padding: 					50px 50px 50px 50px;
	}
	
	.shapes .spotline p {
		
		font-size:		            14px; 
	
	}

	.shapes .spotline h3 {
		
		font-size:   		        20px; 
		
	}
	
}

@media only screen and (min-width: 1136px) and (max-width: 1440px){
	
	.shapes .spotline {
		bottom: 					3%;
		padding: 					50px 50px 50px 50px;
	}
	
	.shapes .spotline p {
		
		font-size:		            16px; 
	
	}

	.shapes .spotline h3 {
		
		font-size:   		        20px; 
		
	}
}	

@media only screen and (min-width: 1441px) and (max-width: 1919px){
	
	.shapes .spotline {
		bottom: 					5%;
		padding: 					50px 70px 50px 60px;
	}
	
	.shapes .spotline p {
		
		font-size:		            16px; 
	
	}

	.shapes .spotline h3 {
		
		font-size:   		        22px; 
		
	}
}	

@media only screen and (min-width: 1920px) {
	
	
}