.page {

@include center;
max-width: 980px;
text-align: center;
.post-list {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  max-width: 585px;
  text-align: left;
  li {
    padding-bottom: 50px;
  }
  figure, img {
    width: 100%;
  }
  figure {
    position: relative;
    overflow: hidden;
    height: 280px;
    margin-bottom: 20px;
  }
  img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .post-details, h2 {
    display: inline-block;
    vertical-align: middle;
    max-width: 75%;
  }
  h2 {
    text-transform: none;
    font-size: 2.5em;
    letter-spacing: 0;
    line-height: 1.1em;
    margin-left: 5%;
  }
  header {
    position: relative;
    background: $accentFontColor;
    display: inline-block;
    width: 105%;
    padding: 2.5%;
    margin: 0 0 -20px -13%;
    z-index: 2;
    a {
      font-weight: 500 !important;
    }
    .month, .day, a {
      color: $mainFontColor;
      font-weight: 700;
    }
    .month {
      font-size: .9em;
    }
    .day {
      font-size: 1.4em;
      line-height: .9em;
    }
    .social-media {
      display: flex;
      clear: both;
    }
    .social-media-button {
      text-align: center;
      flex: 1 auto;
      border: 2px solid $mainFontColor;
      border-top: none;
      padding: 3px 0;
      font-size: .8em;
    }
    .twitter-button {
      border-right: none;
    }
  }
  time {
    float: left;
    text-align: center;
    padding: 5px 15px 10px 15px;
    border: 2px solid $mainFontColor;
  }
  .post-description {
    a {
      color: $mainFontColor !important;
    }
  }
}

}