#Banner {
  display: flex;
  z-index: 2;
  position: relative;
}
#banner h2 {
  font-size: 32px;
  letter-spacing: 2px;
}
.banner-container {
  display: grid;
  grid-template-columns: 4fr 1.8fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin: 0 160px;
}
.sport-bg {
  height: 470px;
  background: no-repeat;
  background-image: linear-gradient(
      270deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.6404761733795081) 14%,
      rgba(0, 0, 0, 0) 100%
    ),
    url(../../../components/Banner/bannerCampanha/desktop/banner-sport-home.png);
  background-size: cover;
  background-position: bottom;
}
.luxury-bg {
  height: 470px;
  background-image: linear-gradient(
      270deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.6404761733795081) 14%,
      rgba(0, 0, 0, 0) 100%
    ),
    url(../../../components/Banner/bannerCampanha/desktop/banner-sport-home.png);
  background-size: cover;
  background-position: bottom;
}
.dynamic-bg {
  height: 470px;
  background-image: linear-gradient(
      270deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.6404761733795081) 14%,
      rgba(0, 0, 0, 0) 100%
    ),
    url(../../../components/Banner/bannerCampanha/desktop/banner-sport-home.png);
  background-size: cover;
  background-position: bottom;
}
.vazio {
  grid-area: 1 / 1 / 2 / 2;
}
.text-banner {
  grid-area: 1 / 2 / 2 / 3;
  display: grid;
  align-items: center;
  align-self: center;
  align-content: center;
  margin: auto;
  height: 470px;
  color: white;
}
#banner h4 {
  margin: 0;
  line-height: 25px;
}
#banner h4 {
  margin-top: 10px;
}
@media (max-width: 1080px) {
  .banner-container {
    margin: 0 27px;
  }
}
@media (max-width: 820px) {
  .banner-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .text-banner {
    display: grid;
    align-items: center;
    margin: auto;
    height: 0px;
    color: white;
    align-content: initial;
    margin-top: 40px;
  }
  .sport-bg {
    height: 550px;
    background: no-repeat;
    background-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.6404761733795081) 14%,
        rgba(0, 0, 0, 0) 100%
      ),
      url(../../../components/Banner/bannerCampanha/mobile/banner-sport-home.png);
    background-size: cover;
    background-position: bottom;
  }
  .luxury-bg {
    height: 550px;
    background-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.6404761733795081) 14%,
        rgba(0, 0, 0, 0) 100%
      ),
      url(../../bannersCampanha/desktop/lexus_jul23_banner_1920x628_VIX_NX-250H_a.jpg);
    background-size: cover;
    background-position: bottom;
  }
  .dynamic-bg {
    height: 550px;
    background-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.6404761733795081) 14%,
        rgba(0, 0, 0, 0) 100%
      ),
      url(../../bannersCampanha/desktop/lexus_jul23_banner_1920x628_VIX_NX-250H_a.jpg);
    background-size: cover;
    background-position: bottom;
  }
}