/* RETINA DISPLAY IMAGES */
.articles .article-wrap {
  zoom: 1;
  border-bottom: 1px solid #dadada;
  margin: 0 0 1.5em;
}
.articles .article-wrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.articles .article-wrap .article-image-wrap {
  margin: 0 0 0.5em;
}
.articles .article-wrap .article-image-wrap .article-image {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.articles .article-wrap .article-image-wrap .article-image img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.articles .article-wrap .article {
  font-size: 0.875em;
}
.articles .article-wrap .article h2 {
  font-family: "HelveticaNeueW01-75Bold";
  font-size: 1.25em;
  line-height: 1.125em;
  margin: 0 0 0.375em;
}
.articles .article-wrap .article h3 {
  font-family: "HelveticaNeueW01-75Bold";
  font-size: 1em;
  line-height: 1;
  margin: 0 0 1em;
}

#main #main-inner #content #content-area .article .article-image {
  float: right;
  width: 25%;
  margin-left: 1em;
}

@media all and (min-width: 768px) {
  .articles .article-wrap .article-image-wrap {
    float: left;
    margin: 0 4% 0.5em 0;
    width: 21%;
  }
  .articles .article-wrap .article {
    float: left;
    margin: 0;
    width: 75%;
  }
}
@media all and (min-width: 1200px) {
  .articles .article-wrap {
    padding: 0 0 1em;
  }
  .articles .article-wrap .article-image-wrap {
    margin: 0 2% 0.5em 0;
    width: 23%;
  }
}