.gray-background {
  background: #e6e7e8;
}

.small-promo-cards-block {
  padding: 15px 0px !important;
}

.small-promo-cards-block .component.promo.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1200px) {
  .small-promo-cards-block .component.promo.col-12 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media (max-width: 768px) {
  .small-promo-cards-block .component.promo.col-12 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.small-promo-cards-block .component.promo.col-12 > .component-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1440px) {
  .small-promo-cards-block > .component-content > .row > div:nth-child(2) {
    padding-left: 0;
  }
  .small-promo-cards-block > .component-content > .row > div:nth-child(5) {
    padding-right: 0;
  }
  .small-promo-cards-block .rich-text {
    padding: 0px !important;
  }
}

@media screen and (min-width: 1440px) {
  #product-promo-two .column-splitter div:nth-child(2) h3 {
    padding-left: 15px;
  }
}

#product-promo-two .column-splitter div:nth-child(2) .image.col-12 {
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (min-width: 1440px) {
  #product-promo-two .column-splitter div:nth-child(2) .image.col-12 {
    padding-right: 15px;
  }
}

#product-promo-two .column-splitter div:nth-child(2) #social-block {
  padding: 15px 15px 15px 30px;
}

#product-promo-two .small-promo-cards-block .component.promo.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 1201px) {
  #product-promo-two .small-promo-cards-block .component.promo.col-12 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }
}