#HeroBannerOuterDiv{width:100%;height:225px; position: relative; max-height: 350px;}
.HeroBannerContainer{width:100%; height:100%; position: absolute;left: 0;top: 0; }
.HeroBannerImageContainer{width:100%; height:100%;  background-position: center center;
													background-repeat: no-repeat;background-size: cover;  
													margin:auto; 
													/* cursor:pointer;  */
													position: relative;}
.HeroBannerTitle {color: white; margin-left: 4%; margin-right:4%; position:absolute; bottom:10px;background: #008BBC;}
.HeroBannerTitle h1 {color: white; font-size: 4.0em;}
.HeroBannerBody  {color: white ;font-size: 1.5em;width: 45%; margin-left: 10%;padding-top: 2%;bottom: 10px;position: absolute; display:none}
.HeroBannerBody a  {color:white}
@media screen and (max-width: 650px){
	.HeroBannerTitle {font-size: 1.5em;width: 40%;padding-top: 10%;margin-left:5%;}
	.HeroBannerBody{font-size: 1.2em;width: 75%;margin-left: 5%;}
}
.heroBannerTitleMain{
	box-shadow: 10px 0 0 #008BBC; display: inline;
}
.heroBannerTitleSecondary{
	font-size: 1.8vw;
	display: table;
	margin-left: 6vw;
	padding-left: 10px;
	padding-right: 10px;
	max-width:55vw
}
.heroBannerTitleSecondary span{
	background: #008BBC; box-shadow: 10px 0 0 #008BBC
}

@media screen and (max-width: 430px){
.HeroBannerTitle {width: 90%;position: absolute;bottom: 51px;font-size:1.2em;}
.HeroBannerBody{font-size: 1em;width: 95%;margin-left: 5%;font-size:1em;}
}