.section.hero {
  .col-12 {padding-top: 3rem;}
  .hero-image {
    @media (min-width: 1400px) {
       img {
         max-width: 125%;
         float: right;
       }
     }
  }
  .hero-title {
    strong {
      color: $danger;
    }
  }
  background: url(/images/cover-image.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  p.text-xl-start {background-color: #ffffff90; padding: 10px;}
  a.btn {background-color: #ffffff90;}
  a.btn:hover {background-color: $primary}
}