.hero {width:100%;height:auto

.hero-btn-secondary {
  color: #00aeed;
  font-weight: bold;
  background-color:#ffffff;
  Border: 1px solid #005577;
  width: auto;
  margin: 0px auto 50px auto;
  } 
}
.hero-btn-secondary button:hover {
  color: #005577 !important;
  background-color:#00aeef;
  Border: 1px solid #ffffff !important;
  font-weight:bold;
}
.hero-btn-secondary a:focus {
  color: #005577 !important;
  background-color:#00aeef !important;
  Border: 1px solid #005577;
}

.hero-section-background-container:after {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  background-color: ;
}

.hero-section-overlay:after {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  background-color: ;
/*   background-color: rgba(248,112,96,0.65); */
    opacity: 0.15;
}
@media screen and (min-width: 75em) {
  .dnd-section > .row-fluid,
  .grid-container {
    padding-left: 0;
    padding-right: 0;
  }

@media (max-width:767px) {
  .mobile-hero {height:100% !important; width:auto;}
    .dnd-section > .row-fluid,
  .grid-container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width:480px) {
  .mobile-hero {height:100% !important; width:auto;}
  .mobile-hero .mobile-title {padding:0; font-size: 2rem;}
}