.userContent {
  max-width: 1500px;
  margin: 0 auto;
  background: #191919;
  color: #ffffff;
}
.userContent > .infinitiSalesHeader {
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-transform: uppercase;
  display: flex;
}
.userContent > .infinitiSalesHeader > .imageArea {
  background-size: auto 100%;
  background-position: center;
}
.userContent > .infinitiSalesHeader > .imageArea > .logoArea {
  width: 100%;
  height: 100%;
  background-image: url("/files/pages/preorder/style/images/infiniti-trade-in-2022-logo.png");
  background-repeat: no-repeat;
}
.userContent > .infinitiSalesHeader > .listArea {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 20px;
  margin: auto;
  padding: 3vmin;
}
.userContent > .infinitiSalesFooter {
  padding: 3vw;
}
.userContent > .infinitiSalesFooter > .customFormArea {
  background: #ffffff;
  color: #191919;
  border-radius: 20px;
  padding: 3vw;
}
.userContent > .infinitiSalesFooter > .buttonArea {
  padding: 3vw;
  display: flex;
  justify-content: center;
}
@media all and (min-width: 700px) {
  .userContent > .infinitiSalesHeader {
    flex-direction: row;
    height: 50vh;
  }
  .userContent > .infinitiSalesHeader > .imageArea {
    order: 2;
    flex: 2;
    background-image: linear-gradient(to right, #191919 0%, transparent 75%), url("/files/pages/preorder/style/images/infiniti-trade-in-2022-image.jpg");
  }
  .userContent > .infinitiSalesHeader > .imageArea > .logoArea {
    background-position: 90% 10%;
    background-size: 30%;
  }
  .userContent > .infinitiSalesHeader > .listArea {
    order: 1;
    flex: 1;
  }
}
@media all and (max-width: 699px) {
  .userContent > .infinitiSalesHeader {
    padding-right: 0 !important;
    padding-left: 0 !important;
    flex-direction: column;
  }
  .userContent > .infinitiSalesHeader > .imageArea {
    height: 50vh;
    background-image: linear-gradient(to top, #191919 0%, transparent 50%, #191919 100%), url("/files/pages/preorder/style/images/infiniti-trade-in-2022-image.jpg");
  }
  .userContent > .infinitiSalesHeader > .imageArea > .logoArea {
    background-position: 50% 10%;
    background-size: 40%;
  }
}

/*# sourceMappingURL=style.css.map */
