.product-teaser {
  padding: 0; min-height: 350px; margin: 0 5% 0 0; width: 30%; float: left;
}
.product-teaser:nth-child(3n+0) {
  margin: 0;
}
.product-image {
  width: 90%; border: 3px solid #ccc; padding: 5%; margin-bottom: 10px;
}
.product-image img.product-teaser-image {
  display: block; width: 100%; height: auto;
}
.product-teaser h2.title {
  width: 90%; padding: 0 10% 0 0; margin: 10px 0 0 0; font-family: "Oswald"; font-weight: 400; text-align: left;
}
.product-teaser h2.title a {
  text-align: left;
}
.product-body {
  display: none;
}
.product-info {
  width: 90%; padding: 0 10% 0 0; margin: 10px 0; font-style: italic; font-size: 0.9em;
}
.product-info span:before {
  content: 'Starting at: ';
}
.product-info span:after {
  /*content: ' per bracket (2 needed per banner)';*/
}
div.button.products {
  width: 90%; padding: 0 10% 0 0; margin: 0 0 0.9em 0;
}
.button.products a {
  font-size: 1.2em; text-transform: uppercase; display: block; text-align: center; padding: 5px 0;
  color: rgb(230, 230, 230);
/*  font-size: 20px;
  padding: 20px;*/
  text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
  background: rgb(210, 20, 20);
  background: -moz-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
  background: -webkit-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
  background: -o-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
  background: -ms-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
  background: linear-gradient(0deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
  -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
}
.button.products a:hover {
  background: #000; color: #fff;
}

@media only screen and ( max-width: 650px ) {
  .product-teaser {
    margin: 0 2.5%;
    width: 45%;
  }
  .product-teaser:nth-child(3n+0) {
    margin: 0 2.5%;
  }
  .product-teaser:nth-child(2n+0) {
    margin: 0 0 0 2.5%;
  }
}

@media only screen and ( max-width: 650px ) {
  .product-teaser {
    padding: 0;
    min-height: 350px;
    margin: 0 2.5%;
    width: 45%;
  }
  .product-teaser:nth-child(3n+0) {
    margin: 0 2.5%;
  }
  .product-teaser:nth-child(2n+0) {
    margin: 0 0 0 2.5%;
  }
}
@media only screen and ( max-width: 480px ) {
  .product-teaser {
    margin: 0 auto;
    width: 95%;
  }
  .product-teaser:nth-child(3n+0) {
    margin: 0 auto;
  }
  .product-teaser:nth-child(2n+0) {
    margin: 0 auto;
  }
}