.post-header {

margin-bottom: $spacing-unit;

}

.post-title, .post-content h1 {

@include relative-font-size(2.625);
letter-spacing: -1px;
line-height: 1;

@media screen and (min-width: $on-large) {
  @include relative-font-size(2.625);
}

}

.post-content {

margin-bottom: $spacing-unit;

h2 {
  @include relative-font-size(1.75);

  @media screen and (min-width: $on-large) {
    @include relative-font-size(2);
  }
}

h3 {
  @include relative-font-size(1.375);

  @media screen and (min-width: $on-large) {
    @include relative-font-size(1.625);
  }
}

h4 {
  @include relative-font-size(1.125);

  @media screen and (min-width: $on-large) {
    @include relative-font-size(1.25);
  }
}

}

.post-list li {

display: block;
padding: 20px 10px;
margin: 5px;
border: 1px solid #eee;

}

/**

* Page content
*/

.page-content {

padding: $spacing-unit 0;
flex: 1 0 auto;

}

.page-heading {

@include relative-font-size(2);

}

.post-list-heading {

@include relative-font-size(1.75);

}

.post-list {

margin-left: 0;
list-style: none;

> li {
  margin-bottom: $spacing-unit;
}

}

.post-meta {

font-size: $small-font-size;
color: $grey-color;

}

.post-date {

font-size: $small-font-size;
color: $grey-color;
font-style: italic;

}

.post-link {

display: block;
@include relative-font-size(1.5);

}