/*
    spot.css
    web-communication.eu | 10/08/2017
    Copyright 2017 web-communication.eu
*/


.spot {
	position:					relative;
	margin:						0 auto;
	width:						100%;
	background:					#FFFFFF;
}

.spot .container {
	margin:						0 auto;
	width:						70%;
	min-width: 					1070px;
	text-align: 				center;
}

.spot .topic {
	margin: 					0;
	padding: 					30px 50px;
	font-family:         		'Verdana'; 
}

.spot .topic p {
    font-size:		            26px; 
	font-weight:    		    normal;
	color: 						#111111; 
}

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

.spot .topic h3 {
	font-family: 				'Michroma', sans-serif;
	font-size:   		        24px;  
	color:              		#333333; 
}

.spot .topic h2 {
	font-family: 				'Michroma', sans-serif;
	font-size:   		        18px;  
	color:              		#333333; 
}

.spot .topic h1 {
	font-family: 				'Michroma', sans-serif;
	font-size:   		        16px;  
	color:              		#444; 
}

.spot .line {
	width: 						20%;
	margin:						0 auto;
	padding-bottom: 					15px;
	position: 					relative;
	border-bottom: 				2px solid #888;
}


/* responsive */	

@media only screen and (max-width: 1135px) {
	
	.spot .topic p {
		font-size:		            22px; 
	}

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

@media only screen and (min-width: 1136px) and (max-width: 1336px) {
	
	.spot .topic p {
		font-size:		            24px; 
	}
	
}	



@media only screen and (min-width: 1441px) {
	
	
	.spot .container {
		width: 						70%;
		min-width: 					1070px;
	}
	
	

}