@media only screen and (max-width: 991px) {
  body {

  }
  .desktopOnly {
    display: none;
  }
  .mobileOnly {
    display: block;
  }
  .wrapped {
    width: calc(100% - 50px);
  }
  .navContainer {
    display: none;
  }
  #hero {
    height: 580px !important;
        background-position: 50% 100%, 0 0 !important;
        background-size: auto 350px, auto !important;
        position: relative !important;
  }
  #hero #heroGrid {
    grid-template-rows: auto auto !important;
    grid-template-columns: 1fr !important;
  }
  #hero #gridContentLeft {
    flex-direction: column !important;
        align-items: flex-start !important;
        display: flex !important;
        align-items: center !important;
  }
  #hero #gridContentLeft .heroTitle {
    width: 100% !important;
    font-size: 46px !important;
    line-height: 36px !important;
  }
}