/*
===============================================================
 # CUSTOM CSS
 - Please do not edit this file. this file is generated by server-side code
 - Every changes here will be overwritten
===============================================================*/

.ms-parent-id-1 > .master-slider{ background:#636363; }
.bannerBlock {
margin: 25% auto auto auto
}  


.home-slider h1 {
font-size: 35px;
line-height: 20px;
margin: 20% 10% 1% 10%!important;
background: rgba(26, 110, 59, 0.9);
color: #fff;
text-align: left;
max-width: 100%;
padding: 15px;
font-family: "Source Sans Pro";
}


.home-slider a {
color: #fff;
}

.home-slider a:hover {
text-decoration: underline
}


.bannerButton {
font-size: 16px;
line-height: 20px;
margin: 0.5% 10% 1% 10%;
background: rgba(26, 110, 59, 0.9);
color: #fff;
text-align: left;
max-width: 100%;
padding: 3px 10px;
}

.bannerDate {
font-size: 15px;
line-height: 20px;
margin: 25% auto  25% 10%;
background: rgba(0, 0, 0, 0.9);
color: #fff;
text-align: center;
max-width: 100%;
padding: 5px 10px;
font-family: "Source Sans Pro";
} 
div.ms-slide-vpbtn {
border: 10px solid rgba(0, 0, 0, 0.8);
border-radius: 50%
}
.ms-slide-info.ms-dir-h.ms-align-top {
	min-height: auto !important;
}

.bannerButton {
  position: relative;
  top: 22em;
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)
  and (orientation: portrait) {
.bannerButton {
    	position: absolute;
    	top: 17em;
	}
  }
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (orientation: portrait) {
    .home-slider h1 {
      margin-top: 5px !important;
    }
  }
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .home-slider h1 {
      margin-top: 5px !important;
    }
  }
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (orientation: landscape) {
     .home-slider h1 {
      margin-top: 5% !important;
    }
  }
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .home-slider h1 {
      margin-top: 5% !important;
    }
  }