#more-grid .bg-coal {
  background-color: var(--coal);
  color: var(--marshmallow);
}
#more-grid .bg-smoke {
  background-color: var(--smoke);
}
#more-grid .logo-grid {
  display: flex;
}
#more-grid .logo-grid span {
  width: 33.3333333333%;
  background-color: var(--marshmallow);
  padding: 16px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (min-width: 768px) {
  #more-grid .logo-grid span {
    padding: 16px;
  }
}
#more-grid .logo-grid span:nth-child(2) {
  margin: 0 8px;
}
#more-grid .logo-grid span img {
  width: 80%;
  height: auto;
  aspect-ratio: auto;
}
#more-grid .imgCont {
  margin-top: -16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (min-width: 1024px) {
  #more-grid .imgCont {
    margin-top: 0;
    margin-left: -16px;
    margin-right: -16px;
  }
}
#more-grid .imgCont img {
  max-width: 100%;
  height: auto;
  width: auto;
}
@media all and (min-width: 1024px) {
  #more-grid .imgCont img {
    max-height: 485px;
  }
}
#more-grid .teaser {
  min-height: 400px;
  background-image: url("/global/includes/more-grid/images/installation_van.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
@media all and (min-width: 1024px) {
  #more-grid .teaser {
    min-height: 470px;
    margin-right: 16px;
    padding-right: 0;
    width: calc(50% - 16px);
    flex-basis: calc(50% - 16px);
  }
}
#more-grid .teaser div {
  height: calc(100% - 64px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #ffffff;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
}
@media all and (min-width: 1024px) {
  #more-grid .teaser div {
    height: calc(100% - 128px);
  }
}
#more-grid .jdpower {
  background-image: url("/global/includes/more-grid/images/JDPower.png");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 90%;
  background-size: 14em;
  min-height: 220px;
}
@media (min-width: 468px) {
  #more-grid .jdpower h3 {
    margin-right: 4.5em;
  }
}
@media all and (min-width: 1024px) {
  #more-grid .jdpower {
    background-size: 20em;
  }
  #more-grid .jdpower h3 {
    margin-right: 0;
  }
}