@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?dlnjoj");
  src: url("fonts/icomoon.eot?dlnjoj#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?dlnjoj") format("truetype"), url("fonts/icomoon.woff?dlnjoj") format("woff"), url("fonts/icomoon.svg?dlnjoj#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.h1 {
  margin: 40px 0;
}

@media screen and (max-width: 768px) {
  .h1 {
    margin: 20px 0;
  }
}

.h2 {
  margin: 60px 0 40px;
}

@media screen and (max-width: 768px) {
  .h2 {
    margin: 30px 0;
  }
}

ul.campaignBanner {
  margin: -15px;
  margin-bottom: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

ul.campaignBanner > li {
  margin: 15px;
}

@media screen and (max-width: 768px) {
  ul.campaignBanner {
    margin: 0 0 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

ul.campaignBanner li {
  -ms-flex-preferred-size: calc(50% - 30px);
      flex-basis: calc(50% - 30px);
}

@media screen and (max-width: 768px) {
  ul.campaignBanner li {
    width: 100%;
    margin: 0 0 15px;
  }
  ul.campaignBanner li:last-child {
    margin-bottom: 0;
  }
}

ul.campaignBanner li a {
  display: block;
}

ul.campaignBanner li img {
  width: 100%;
}

.productList--col3 > ul,
.productList > ul {
  margin-bottom: -30px;
}

@media screen and (max-width: 768px) {
  .productList--col3 > ul,
  .productList > ul {
    margin-bottom: -20px;
  }
}