// Blog Container .blog-container {

display: flex;
flex-direction: column;
margin-bottom: 8em;

}

// Blog content .blog-content {

width: 100%;
margin-bottom: 2 * $margins;

}

// Sidebar sidebar {

width: 100%;
border-top: $base-border;
padding-top: 2 * $margins;

ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 2 * $margins;
}

}

// Blog post index ul.post-list {

list-style-type: none;
padding: 0;

li {
  margin-bottom: 6 * $margins;
}

}

// Blog Post .post__info {

margin-bottom: $margins;

}

.post__image {

margin-bottom: $margins;

}

// Archive list ul.archive-list {

list-style-type: none;
padding: 0;
margin-bottom: 2 * $margins;

}

// Pagination list ul.pagination-list {

list-style-type: none;
padding: 0;
display: flex;
justify-content: space-between;

}

// Responsive Blog @media screen and (min-width: 850px) {

.blog-container {
  flex-direction: row;
}

.blog-content {
  width: 75%;
  padding-right: 2 * $padding;
  margin-bottom: 0;
}

#sidebar {
  width: 25%;
  border-top: none;
  padding-top: 0;
  padding-left: 2 * $padding;
  border-left: $base-border;
}

}