.el-page {
  margin-top: -40px;
}
/* START BANNER IMAGES STYLING */
.el-banner {
  position: relative;
  padding-bottom: 375px;
  text-align: center;
  color: #fff;
  margin-top: 20px;

  background: url(https://www.dbelectrical.com/product_images/uploaded_images/db-landing-hero-mob.jpg) no-repeat 50% 50%;
  background-size: cover;
}

#winter-2021 {
  background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-mob-8.31-min.jpg) no-repeat 50% 50% !important;
  background-size: cover !important;
}

#lawn-2021 {
  background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/lawn-land-mob.jpg) no-repeat 50% 50% !important;
  background-size: cover !important;
}

#marine-2020 {
  background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-mob-3.2.20-min.jpg) no-repeat 50% 50% !important;
  background-size: cover !important;
}

#powersports {
  background: url(https://www.dbelectrical.com/content/img/db-land-mob-8.26.19-min.jpg) no-repeat 50% 50% !important;
  background-size: cover !important;
}

#ag {
  background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/ag-land-mob.jpg) no-repeat 50% 50% !important;
  background-size: cover !important;
}

#powersports-july {
  background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-mob-8.26.19-min.jpg) no-repeat 50% 50% !important;
  background-size: cover !important;
}

#snowmobiles {
  background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-mob-10.11.19-min.jpg) no-repeat 50% 50% !important;
  background-size: cover !important;
}

#industrial {
  background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-mob-1.7.20.jpg) no-repeat 50% 50% !important;
  background-size: cover !important;
}

#salt-spreader {
  background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-mob-1.21.20-min.jpg) no-repeat 50% 50% !important;
  background-size: cover !important;
}

#snow-removal {
  background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-mob-12.20.19.jpg) no-repeat 50% 50% !important;
  background-size: cover !important;
}

#snow-removal .container {
  position: absolute;
  height: 100%;
}

@media screen and (min-width: 992px) {
  #snow-removal .container {
    left: 50%;
    transform: translateX(-50%);
  }
}

#snow-removal.el-banner, #salt-spreader.el-banner {
  color: #000;
}

#marine-2020.el-banner, #winter-2021.el-banner {
  text-shadow: 1px 1px 2px #000;
}


.el-bb {
  position: relative;
  padding-bottom: 464px;
  color: #fff;

  background: url(https://www.dbelectrical.com/product_images/uploaded_images/el-bottom-mob.jpg) no-repeat 50% 50%;
  background-size: cover;
}

@media screen and (min-width: 801px) {
  .el-banner {
    padding-bottom: 498px;

    background: url(https://www.dbelectrical.com/product_images/uploaded_images/db-landing-hero-desk.jpg) no-repeat 50% 50%;
    background-size: cover;
  }

  #winter-2021 {
    background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-desk-8.31-min.jpg) no-repeat 50% 50% !important;
    background-size: cover !important;
  }

  #lawn-2021 {
    background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/lawn-land-desk.jpg) no-repeat 50% 50% !important;
    background-size: cover !important;
  }

  #marine-2020 {
    background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-desk-3.2.20-min.jpg) no-repeat 50% 50% !important;
    background-size: cover !important;
  }

  #powersports {
    background: url(https://www.dbelectrical.com/content/img/db-land-desk-8.26.19-min.jpg) no-repeat 50% 50% !important;
    background-size: cover !important;
  }
  #ag {
    background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/ag-land-desk.jpg) no-repeat 50% 50% !important;
    background-size: cover !important;
  }
  #powersports-july {
    background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-desk-8.26.19-min.jpg) no-repeat 50% 50% !important;
    background-size: cover !important;
  }
  #snowmobiles {
    background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-desk-10.11.19-min.jpg) no-repeat 50% 50% !important;
    background-size: cover !important;
  }
  #snow-removal {
    background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-desk-12.20.19.jpg) no-repeat 50% 50% !important;
    background-size: cover !important;
  }
  #industrial {
    background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-desk-1.7.20.jpg) no-repeat 50% 50% !important;
    background-size: cover !important;
  }
  #salt-spreader {
    background: url(https://cdn11.bigcommerce.com/s-35fn7u8n1i/product_images/uploaded_images/db-land-desk-1.21.20-min.jpg) no-repeat 50% 50% !important;
    background-size: cover !important;
  }

  .el-bb {
    padding-bottom: 464px;

    background: url(https://www.dbelectrical.com/product_images/uploaded_images/el-bottom-desk.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
/* END BANNER IMAGES STYLING */

/* START BANNER TEXT STYLING */
.el-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 72px;
  padding: 0 20px;
}
@media screen and (min-width: 801px) {
  .el-text {
    bottom: 176px;
  }
}

@media screen and (min-width: 992px) {
  #snow-removal .el-text {
    right: auto;
  }
}

.el-text .main-header {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  padding: 0 20px;
}
@media screen and (min-width: 801px) {
  .el-text .main-header {
    font-size: 48px;
  }
}

.el-text .secondary-header {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 25px;
}
@media screen and (min-width: 801px) {
  .el-text .secondary-header {
    font-size: 21px;
  }
}

.el-text .button--primary {
  border: 1px solid #e35d4f;
  font-size: 21px;
  line-height: 58px;
  width: 240px;
}
/* END BANNER TEXT STYLING */

/* BEGIN NEEDS AND CUSTOMER REVIEWS SECTIONS STYLING */
.needs h3, .customer-reviews h3 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 801px) {
  .needs h3, .customer-reviews h3 {
    font-size: 36px;
    margin-bottom: 10px;
  }
}

.needs {
  text-align: center;
  padding: 25px 0 30px;
}
@media screen and (min-width: 801px) {
  .needs {
    padding: 40px 0 32px;
  }
}

.needs > p {
  font-size: 14px;
  line-height: 28px;
  max-width: 902px;
  margin: 0 auto 20px;
  padding: 0 20px;
}
@media screen and (min-width: 801px) {
  .needs > p {
    font-size: 18px;
    margin-bottom: 25px;
  }
}

.needs ul {
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0 5px;
}

.needs ul li {
  width: calc(50% - 10px);
  border: 1px solid #ddd;
  display: none;
  margin: 0 5px;
  padding: 10px 10px 25px;
  background-color: #fff;
}
.needs ul li:nth-child(-n+2) {
  display: inline-block;
}
@media screen and (min-width: 801px) {
  .needs ul li {
    width: calc(25% - 10px);
  }

  .needs ul li:nth-child(-n+4) {
    display: inline-block;
  }
}
@media screen and (min-width: 992px) {
  .needs ul li {
    display: inline-block;
    width: calc((100% / 6) - 10px);
  }
}

.needs ul li img {
  max-height: 169px;
}

.needs ul li p {
  font-weight: 700;
  font-size: 18px;
  color: #000;
  margin: 5px auto 10px;
}
@media screen and (min-width: 992px) {
  .needs ul li p {
    font-size: 21px;
  }
}

.needs ul li .button--primary {
  font-size: 14px;
  line-height: 32px;
  width: 112px;
}
@media screen and (min-width: 801px) {
  .needs ul li .button--primary {
    font-size: 16px;
    width: 130px;
    line-height: 38px;
  }
}

.customer-reviews {
  background-color: #eee;
  text-align: center;
  color: #000;
  font-size: 0;
  padding: 38px 0 41px;
}

@media screen and (min-width: 992px) {
  .customer-reviews {
    padding: 46px 0 41px;
  }
}

.customer-reviews h3 {
  margin-bottom: 20px;
}

.customer-reviews ul {
  margin: 0;
  list-style: none;
  padding: 0 10px;
}
@media screen and (min-width: 992px) {
  .customer-reviews ul {
    display: flex;
    flex-wrap: wrap;
  }
}

.customer-reviews ul li {
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: left; 
  padding: 20px;
  margin-bottom: 10px;
}
.customer-reviews ul li:last-child {
  margin-bottom: 20px;
}
@media screen and (min-width: 480px) {
  .customer-reviews ul li {
    padding-right: 20%;
  }
}
@media screen and (min-width: 992px) {
  .customer-reviews ul li {
    width: calc((100% / 3) - 10px);
    margin: 0 5px 30px !important;
    display: inline-block;
    padding: 30px;
  }
}

.customer-reviews ul li .rating {
  display: block;
  margin-bottom: 10px;
}

.customer-reviews ul li .cr-title {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
}
@media screen and (min-width: 992px) {
  .customer-reviews ul li .cr-title {
    font-size: 21px;
    margin-bottom: 8px;
  }
}

.customer-reviews ul li .cr-review {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .customer-reviews ul li .cr-review {
    font-size: 18px;
    margin-bottom: 5px;
  }
}

.customer-reviews ul li .cr-by {
  color: #767676;
  font-size: 14px;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .customer-reviews ul li .cr-by {
    font-size: 16px;
  }
}

.customer-reviews .button--primary {
  line-height: 38px;
}
/* END NEEDS AND CUSTOMER REVIEWS SECTIONS STYLING */

/* BEGIN BOTTOM BANNER STYLING */
.el-bb .bb-text {
  position: absolute;
  top: 50px;
  font-size: 0;
  padding: 0 20px;
  max-width: 380px;
}
@media screen and (min-width: 801px) {
  .el-bb .bb-text {
    top: 100px;
    max-width: 620px;
    padding-right: 0;
  }
}

.el-bb .bb-text .main-header {
  font-size: 23px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 34px;
}
@media screen and (min-width: 801px) {
  .el-bb .bb-text .main-header {
    font-size: 33px;
    line-height: 42px;
  }
}

.el-bb .bb-text ul {
  margin: 0 -5px;
  list-style: none;
}
@media screen and (min-width: 480px) {
  .el-bb .bb-text ul {
    margin: 0;
  }
}
@media screen and (min-width: 801px) {
  .el-bb .bb-text ul {
    column-count: 2;
  }
}

.el-bb .bb-text ul li {
  margin-bottom: 25px;
}
@media screen and (min-width: 801px) {
  .el-bb .bb-text ul li {
    margin-bottom: 38px;
  }
}
.el-bb .bb-text ul li:last-child {
  margin-bottom: 0;
}

.el-bb .bb-text ul li svg {
  color: #ff3c28;
  font-size: 24px;
}

.el-bb .bb-text ul li .blurb {
  display: inline-block;
  vertical-align: top;
  padding-left: 5px;
  margin-top: -4px;
}
@media screen and (min-width: 801px) {
  .el-bb .bb-text ul li .blurb {
    padding-left: 8px;
  }
}
.el-bb .bb-text ul li .blurb .one {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
}
@media screen and (min-width: 801px) {
  .el-bb .bb-text ul li .blurb .one {
    font-size: 21px;
  }
}

.el-bb .bb-text ul li .blurb .two {
  font-size: 12px;
  margin-bottom: 0;
}
/* END BOTTOM BANNER STYLING */

/* BEGIN BUTTON--PRIMARY STYLING */
.el-button {
  border: 1px solid #b90002;
  border-radius: 5px;
  background-color: #cc0000;
  font-weight: 700;
  color: #fff;
  padding: 0 20px;
  margin: 0 auto;
}
.el-button:hover {
  color: #fff;
}
/* END BUTTON--PRIMARY STYLING */

/* MISCELLANEOUS */
.body.email-landing {
  padding: 0;
}

.email-landing > .container {
  max-width: none;
}
/*
@media screen and (min-width: 801px) {
  .needs ul li {
      width: calc(50% - 10px);
      min-height: 134px;
      margin-bottom: 10px;
  }
}*/