#hero {
  display: table;
  width: 100%;
  height: 100vh;
  background: url(./images/burnaby-exterior-cleaning-mobile.jpg) top center;
  background-size: cover !important;
  background-attachment: fixed;
}

@media (min-width: 700px) {
  #hero {
    background: url(./images/burnaby-exterior-cleaning.jpg) top center;
  }
}

@media (max-width: 500px) {
  #hero {
    height: calc(100vh - 114px);
  }
}