/** GENERAL **/
.register-banner						{ clear:both; padding:0px 0px 0px 0px; font-size:1.1em; font-weight:300; }
.register-banner .register-fa			{ float:left; display:inline-block; font-size:5em; }
.register-banner .register-text			{ margin-left:20px; display:inline-block; margin-top:12px; }
.register-banner .register-btn			{ float:right; display:inline-block; margin-top:25px; }
.register-banner .register-text h2		{font-family:'Roboto Slab', sans-serif;  margin:0px; }
.register-banner .register-text p		{ font-family:'Roboto', sans-serif; margin:0px; padding:0px; }
.register-banner .btn					{ font-weight:600; padding:15px 20px; background:#11684c; color:#FFFFFF; }
.register-banner .btn:hover				{ font-weight:600; padding:15px 20px; background:#FFFFFF; color:#1ca87b; }

.register-banner						{ color:#FFFFFF; }
.register-banner-light					{ background:#1ca87b; }
.register-banner .register-text h2		{ color:#FFFFFF; font-weight:400; font-size:2.2em; }
.sub-text 								{ color:#FFFFFF; font-size:1.2em; font-weight:300; }


/** RESPONSIVE **/

@media screen and (max-width:930px){
	
.register-banner .left					{ float:left; max-width:60%; padding-top:0px; }

}

@media screen and (max-width:770px){
	
	.register-banner .left,
	.register-banner .right				{ float:none; width:100%; max-width:none; text-align:center; }
	.sub-text 							{ color:#FFFFFF; font-size:1.1em; font-weight:300; }
	
}

@media screen and (max-width:645px){

	.register-banner .btn				{ margin:20px 0px 0px 0px; padding:10px !important; font-size:0.8em; }
	.register-banner .register-fa		{ font-size:4em !important; }
	.register-banner .register-text h2	{ font-size:1.5em; }
	
}

@media screen and (max-width:620px){
	.register-banner .register-fa		{ display:none; }
	.register-banner .register-text		{ width:100%; text-align:center; margin-left:0px; }
	.register-banner .register-btn		{ width:100%; text-align:center; margin-bottom:20px; margin-top:0px; }
}

@media screen and (max-width:520px){

	.register-banner .register-fa		{ font-size:3.5em !important; }
	.register-banner .register-text h2	{ font-size:1.3em; }
	.sub-text 							{ font-size:1em; }
	
}

@media screen and (max-width:450px){

	.register-banner .register-fa		{ font-size:3.5em !important; }
	.register-banner .register-text h2	{ font-size:1.3em; }
	.sub-text 							{ font-size:1em; }
}

@media screen and (max-width:330px){

	.register-banner .register-fa		{ display:none; }
	.register-banner .register-text h2	{ font-size:1.3em; }
	.sub-text 							{ font-size:1em; }
	
}