@import url(../../components/common/retail-logos.css);

@media screen and (min-width: 0px) {
  #store-locator .hero {
    position: relative;
  }

  #store-locator .hero .hero-gb {
    height: 220px;
    overflow: hidden;
  }

  #store-locator .hero .hero-gb img {
    height: 100%;
    object-fit: cover;
  }

  #store-locator .hero .hero-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 1024px) {
  #store-locator .hero .hero-gb {
    height: 260px;
  }
}