/** GENERAL **/
.banner							{ clear:both; padding:20px 0px; font-size:1.1em; }
.banner .left					{ float:left; max-width:60%; }
.banner .left h2					{ margin:0px; fontweight:300; }
.banner .left p					{ margin:0px; padding:0px; }
.banner .right					{ float:right; text-align:right; }
.banner .btn						{ font-weight:600; padding:15px 20px; background:#8dc052; }
.banner .btn:hover				{ font-weight:600; padding:15px 20px; background:#FFFFFF; color:#143B66; }

.banner							{ color:#FFFFFF; }
.bannerlight					{ background:#191548; }
.bannerdark						{ background:#191548; }
.bannerlightpurple				{ background:#191548; }
.bannerpurple					{ background:#191548; }
.bannerdark .left h2,
.bannerlight .left h2			{ color:#8dc052; text-transform:uppercase; }
.bannerlightpurple .left h2,
.bannerpurple .left h2			{ color:#FFFFFF; }



/** RESPONSIVE **/
@media screen and (max-width:760px){
	
	.banner .left,
	.banner .right				{ float:none; width:100%; max-width:none; text-align:center; }
	.banner .btn				{ margin:20px 0px 0px 0px; width:90%; }
	
}

@media screen and (max-width:450px){
	
	.banner .left,
	.banner .right				{ float:none; width:100%; max-width:none; text-align:center; }
	.banner .btn				{ margin:20px 0px 0px 0px; width:85%; }
	
}

@media screen and (max-width:380px){
	
	.banner .left,
	.banner .right				{ float:none; width:100%; max-width:none; text-align:center; }
	.banner .btn				{ margin:20px 0px 0px 0px; width:85%; }
	
}