$gutter: 20px
$gutterXS: 10px

.card
  margin: $gutter 0
  padding: $gutter
  background-color: white
  box-shadow: 0 1px 3px rgba(0,0,0,.1)
  border-bottom: 1px solid #ebebeb

  .card-image
    overflow: hidden
    display: flex
    justify-content: center
    padding: $gutter

    img
      padding: 0
      margin: 0
      max-width: 100%
      max-height: 100%

  .card-body
    align-self: center
    background-color: white
    padding: $gutter

    h3
      padding: 0
      margin: 0

    time
      color: #798081
      font-size: .8rem

    *:last-child
      margin-bottom: 0
      padding-bottom: 0

@media screen and (max-width: 600px)
  .card
    margin: $gutterXS 0
    padding: $gutterXS

    .card-image
      padding: $gutterXS

    .card-body
      padding: $gutterXS