/*
    hashtag.css
    web-communication.eu | 10/12/2017
    Copyright 2017 web-communication.eu
*/


.hashtag {
	position:					relative;
	margin:						0 auto;
	width:						100%;
	background:					#FFF url('../images/bg101.jpg') repeat top left;
}

.hashtag .container {
	margin:						0 auto;
	width:						100%;
	min-width: 					1070px;
	text-align: 				center;
	/*background:#eee;*/
}

.hashtag .topic {
	margin: 					0;
	padding: 					20px 0;
	font-family:         		'Verdana'; 
}

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

.hashtag .topic h3 {
	font-family: 				'Michroma', sans-serif;
	font-size:   		        76px;  
	color:              		#666666; 
}

.hashtag .hash {
	font-size:96px;
}

.hashtag .topic h2 {
	font-family: 				'Michroma', sans-serif;
	font-size:   		        96px;  
	color:              		#666666; 
}

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

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


/* responsive */	

@media only screen and (max-width: 1135px) {
	
	.hashtag .topic h3 {
		
		font-size:   		        46px;  
		
	}

	.hashtag .hash {
		font-size:62px;
	}
	
}

@media only screen and (min-width: 1136px) and (max-width: 1440px){
	
	.hashtag .topic h3 {
		
		font-size:   		        52px;  
		
	}

	.hashtag .hash {
		font-size:68px;
	}

}	

@media only screen and (min-width: 1441px) and (max-width: 1919px){
	
	.hashtag .topic h3 {
		
		font-size:   		        62px;  
		
	}

	.hashtag .hash {
		font-size:76px;
	}
}	

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