/*
    form-header.css
    web-communication.eu | 14/04/2016
    Copyright 2016 web-communication.eu
*/


	
#form-header {
	position:					relative;
	margin:		 				0 auto;
	/*margin-top:					7%;*/
	/*margin-bottom:				10px;*/
	width:						100%;
	/*max-width:					750px;*/
	text-align:					center;
	/*background: #ee00ff;*/
	
	
}	

#form-header img {
	/*width:						100%;*/
	width:				70%;
	/*max-width: 250px;*/
	/*margin-left: -30px;*/
	
}	

#form-dealer {
	position:					relative;
	margin-top: 				30px;
	width:						100%;
	text-align:					center;
}	

#form-dealer p {
	font-family:               Arial, Helvetica, sans-serif;
    color:                     #333;
	font-size:                 16px;
    font-weight:               normal;
}

#form-dealer a:hover {
    color:                     #0000ff;
	text-decoration: 		   underline;
}

#form-dealer a {
    color:                     #0000ff;
	font-size:                 16px;
    font-weight:               normal;
	text-decoration: 		   none;
}

#form-header h1 {
	font-family:               Arial, Helvetica, sans-serif;
    color:                     #666666;
	font-size:                 22px;
    font-weight:               normal;
	padding:				   2px 10px;
	margin-top: 20px;
	/*background: #ccc;*/
}

#form-header h2 {
	font-family:               Arial, Helvetica, sans-serif;
    color:                     #333;
	font-size:                 18px;
    font-weight:               normal;
	padding:				   2px 10px;
	text-align:				   center;
}

#form-header h3 {
	font-family:               Arial, Helvetica, sans-serif;
    color:                     #333;
	font-size:                 16px;
    font-weight:               normal;
	text-align:				   center;
}



/* responsive */

@media only screen and (max-width: 319px) {
	
	#form-header {
		margin-top:					20px;
		margin-bottom:				0;		
	}
	
	#form-header img {
		max-width:				250px;
	}
	
	#form-header h1 {
		
		font-size:                 18px;
		
	}
}


@media only screen and (min-width: 320px) and (max-width: 639px) {
	
	#form-header {
		margin-top:					20px;
margin-bottom:				0;		
	}
	
	#form-header img {
		max-width:				250px;
		
	
		
	}
	
	#form-header h1 {
		
		font-size:                 18px;
		
	}
	
}

@media only screen and (min-width: 640px) {
	/*
	#form-header {
		width:						100%;
		max-width:					640px;	
	}
	*/
}