.blog {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.blog h1 {
  font-size: 28px;
}
.blog author {
  display: block;
  padding-bottom: 15px;
}
.blog article {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.blog-content {
  flex: 1;
  order: 1;
  padding: 0 20px;
}
.blog-sidebar {
  flex-basis: 300px;
  flex-grow: 0;
  flex-shrink: 0;
  order: 2;
  background-color: #333;
}
@media (max-width: 666px) {
  .blog {
    flex-direction: column;
  }
  .blog-sidebar {
    flex: 1;
  }
}