@import "shop_partials/images";

.hero-img {
  outline: 1px solid $disabled-bright;
  border-color: transparent;

  @include box-shadow(none);

  width: 100%;
  min-height: 80px;
  height: inherit;
  max-height: 260px;
  overflow: hidden;

  @include breakpoint(phablet) {
    min-height: 68px;
  }
}

.hero-img-small {
  background-color: #333;
  width: 100%;

  // min-height: 60px
  height: inherit;
  overflow: hidden;
  margin: 0 0 1rem 0 !important;
}

.producer-logo {
  max-width: 220px;
}