.blog-landing-page.small-page { max-width: initial; }
.blog-page {
  font-size: 1.25em;
}
@media (max-width: 60rem) {
  .blog-page {
    padding: 0 2em;
  }
}
@media (max-width: 500px) {
  .blog-page {
    font-size: 1em;
  }
}
@media (max-width: 415px) {
  .blog-page {
    padding: 0 1em;
  }
}
.blog-page .row {
  align-items: flex-start;
}
.blog-page .has-borders {
  border: none;
}
.blog-page .prev i {
  margin-right: 0.5em;
}
.blog-page .next i {
  margin-left: 0.5em;
}
.blog-page .heading {
  font-size: 3rem;
}
@media (max-width: 60rem) {
  .blog-page .heading {
    font-size: 2rem;
  }
}
.blog-page .listing {
	display: flex;
	flex-flow: row wrap;
	gap: 2em;
}
.blog-page .listing .item {
  margin-top: 2em;
  width: calc(33.33% - 1.333em);
}
@media (max-width: 60rem) {
  .blog-page .listing .item {
	  width: calc(50% - 1em);
  }
}
@media (max-width: 600px) {
  .blog-page .listing .item {
  	width: 100%;
  }
}
.blog-page #left-col {
  flex-grow: 1;
}
.blog-page #left-col h2, .blog-page #left-col h3, .blog-page #left-col h4, .blog-page #left-col h5, .blog-page #left-col h6 {
  clear: both;
  margin-top: 1em;
}
.blog-page #left-col * + p, .blog-page #left-col * + ul, .blog-page #left-col * + li {
  margin-top: 1em;
}
.blog-page #left-col .alignleft {
  float: left;
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.blog-page #left-col .alignright {
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
@media (max-width: 500px) {
  .blog-page #left-col .alignleft, .blog-page #left-col .alignright {
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.blog-page #right-col {
  min-width: 15em;
  position: -webkit-sticky;
  position: sticky;
  top: 9em;
}

.blog-landing-page {
  font-size: 1em;
}
.blog-landing-page .heading {
  font-size: 4.5rem;
}
@media (max-width: 60rem) {
  .blog-landing-page .heading {
    font-size: 2rem;
  }
}
.blog-landing-page .blog-landing-item .heading {
  font-size: 2rem;
}
@media (max-width: 60rem) {
  .blog-landing-page .blog-landing-item .heading {
    font-size: 1.5rem;
  }
}
.blog-landing-item > a {
  display: flex;
	flex-direction: column;
  gap: 2em;
}
@media (max-width: 60rem) {
  .blog-landing-item > a {
    flex-direction: column;
  }
}