.article {
  background: #9F1A1A url(../images/texture-scratches.png) center top repeat;
  border: 0;
  color: #e0ddda;
}
.article:before, .article:after {
  content: " ";
  display: table;
}
.article:after {
  clear: both;
}
.article .image {
  display: block;
  overflow: hidden;
  padding: 0 0 56.25%;
  height: 0;
  position: relative;
}
.article .date {
  margin: 0 0 6.25px;
  font-weight: bold;
  text-transform: uppercase;
}
.article .title {
  margin: 0 0 12.5px;
}
.article .caption {
  padding: 12.5px;
}

@media (min-width: 768px) {
  .article {
    margin: 0;
    display: table;
    width: 100%;
  }
  .article .image {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 0;
    height: auto;
  }
  .article .caption {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
  }
  .article:nth-child(2n+1) .image {
    position: relative;
    left: 50%;
  }
  .article:nth-child(2n+1) .caption {
    position: relative;
    left: -50%;
  }
}
@media (min-width: 1200px) {
  .article .caption {
    padding: 5%;
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndpZGdldC5zY3NzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vd3d3L3d3dy5vdXRsYXdzbXVzaWMuY29tLmxpdmUvNTc3MDE1L2Zyb250ZW5kL3J1bnRpbWUvdGhlbWVzL2hlbnJ5cGF1bC9hc3NldHMvdGhlbWUvc3R5bGVzaGVldHMvX3ZhcmlhYmxlcy5zY3NzIiwid2lkZ2V0LmNzcyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3d3dy93d3cub3V0bGF3c211c2ljLmNvbS5saXZlLzU3NzAxNS9mcm9udGVuZC9ydW50aW1lL3RoZW1lcy9oZW5yeXBhdWwvYXNzZXRzL3RoZW1lL2Jvb3RzdHJhcC1zYXNzL2Fzc2V0cy9zdHlsZXNoZWV0cy9ib290c3RyYXAvbWl4aW5zL19jbGVhcmZpeC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCQTtFQUVFLDJFQUFBO0VBQ0EsVUFBQTtFQUNBLGVDS3NCO0NDNUJ2QjtBQ1NDO0VBRUUsYUFBQTtFQUNBLGVBQUE7Q0RSSDtBQ1VDO0VBQ0UsWUFBQTtDRFJIO0FGbUJDO0VBQ0UsZUFBQTtFQUNBLGlCQUFBO0VBQ0Esb0JBQUE7RUFDQSxVQUFBO0VBQ0EsbUJBQUE7Q0VqQkg7QUZ3QkM7RUFDRSxtQkFBQTtFQUNBLGtCQUFBO0VBRUEsMEJBQUE7Q0V2Qkg7QUYwQkM7RUFDRSxtQkFBQTtDRXhCSDtBRjJCQztFQUNFLGdCQUFBO0NFekJIOztBRjZCRDtFQUVFO0lBRUUsVUFBQTtJQUVBLGVBQUE7SUFDQSxZQUFBO0dFN0JEO0VGK0JDO0lBRUUsb0JBQUE7SUFDQSx1QkFBQTtJQUNBLFdBQUE7SUFDQSxXQUFBO0lBQ0EsYUFBQTtHRTlCSDtFRmlDQztJQUNFLG9CQUFBO0lBQ0EsdUJBQUE7SUFDQSxXQUFBO0dFL0JIO0VGb0NHO0lBQ0UsbUJBQUE7SUFDQSxVQUFBO0dFbENMO0VGcUNHO0lBQ0UsbUJBQUE7SUFDQSxXQUFBO0dFbkNMO0NBQ0Y7QUZ5Q0Q7RUFJSTtJQUNFLFlBQUE7R0UxQ0g7Q0FDRiIsImZpbGUiOiJ3aWRnZXQuY3NzIn0= */