section#legacy div.lg-hero-image {
  margin-bottom: 25px;
}

section#legacy .lg-overlay {
  position: absolute;
  width: 450px;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  background-color: rgba(51, 103, 153, 0.6);
  padding: 20px;
}

section#legacy div.sm-hero-image {
    height: 20vh !important;
}

section#legacy .sm-overlay {
    padding-top: 15px !important;
    padding-bottom: 20px !important;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    background-color: rgba(51, 103, 153, 0.6);
}

@media screen and (min-width : 1025px) {
    section#legacy .sm-hero-image {
        display: none !important;
    }
    section#legacy .sm-overlay {
        display: none !important;
    }
}

@media screen and (max-width : 1024px) {
    section#legacy .lg-hero-image {
        display: none !important;
    }
    section#legacy .sm-hero-image {
        display: block !important;
    }
    section#legacy .sm-overlay {
        display: block !important;
    }
}