/* 
   ------------------------------------------------------
					Responsive Styles
   ------------------------------------------------------
*/

.form_register form {	
	background-color: #333333;
	margin: 15px auto;
	color:#FFFFFF;
}
hr{ border:1px solid #FFFFFF;
	width:95%;
	margin:0 auto;
}

@media (min-width: 1200px) and (max-width: 1980px) {	
h2{ color:#19acca; padding:20px 0px; font-weight:300px; }
h3{ color:#19acca; padding:20px 0px; }
.form_register{ width: 60%; margin: 10px auto;}

}

@media (min-width: 992px) and (max-width: 1199px) {	
h2{ color:#19acca; padding:20px 0px; font-weight:300px;}
h3{ color:#19acca; padding:20px 0px; }
.form_register{ width: 85%; margin: 10px auto;}

}


@media only screen and (max-width: 991px){
h2{ color:#19acca; padding:20px 0px; font-weight:300px;}
h3{ color:#19acca; padding:20px 0px; }
.form_register{ width: 85%; margin: 10px auto; padding:0px;}
}


@media only screen and (max-width: 767px){
h2{ color:#19acca; padding:20px 0px; font-weight:300px;}
h3{ color:#19acca; padding:20px 0px; }
.form_register{ width: 100%; margin: 0px; padding:0px;}
}


@media only screen and (max-width: 480px) {
h2{ font-size:22px; color:#19acca; padding:20px 0px; font-weight:300px;}
h3{ font-size:20px; color:#19acca; padding:20px 0px; }
.form_register{ width: 100%; margin: 0px; padding:0px;}
}


@media only screen and (max-width: 320px) {
h2{ font-size:20px;color:#19acca; padding:20px 0px; font-weight:300px;}
h3{ font-size:18px;color:#19acca; padding:20px 0px; }
.form_register{ width: 100%; margin: 0px auto; padding:0px;}
}