.article .date {
  margin: 0 0 0.5rem;
  font-weight: bold;
}
.article .title {
  margin: 0 0 1.5rem;
  color: inherit;
}
.article .caption {
  background: #1da545;
  padding: 27px;
  color: #fcfbf7;
}

@media (min-width: 768px) {
  .article {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .article .image,
  .article .caption {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
  }
  .article .image {
    background-position: center center;
    background-size: cover;
    padding-top: 31%;
  }
  .article .image img {
    display: none;
  }
}

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