.grid {
  overflow: auto; }

.answer-container {
  float: left;
  padding: 0.25em;
  width: 100%; }
  @media (min-width: 768px) {
    .answer-container {
      width: 33%; } }

.answer {
  display: block;
  width: 100%;
  max-width: 100%;
  color: white;
  background: #7cc033;
  position: relative;
  padding: 4.906666667em 2.666666667em;
  overflow: hidden; }
  .answer .date {
    font-size: .833333333em;
    font-weight: bold;
    position: absolute;
    top: 3.2em;
    left: 3.2em; }
  .answer h3 {
    margin-top: 0;
    font-size: 1.3888em;
    text-transform: none; }
  .answer .readmore {
    position: absolute;
    bottom: 2.666666667em;
    left: 2.666666667em;
    font-weight: 900;
    display: block; }
    .answer .readmore:after {
      content: '';
      display: block;
      width: 1.626666667em;
      height: 1.65em;
      background-image: url("/images/icon-more.png");
      /*background-size: 1.626666667em 1.626666667em;*/
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      float: right;
      margin-left: 0.5em;
      position: relative;
      top: -0.1em; }