@media (max-width: 767px) {
  /* <== You can change this break point as per your  needs */
  .reverse-columns {
    flex-direction: column-reverse;
    display: flex;
  }

}

nav.navbar {
  border-bottom: 1px solid #0a0a0a;
}

.post-list-item > date {
  margin-right: 1em;
}

ul.without-dots {
  list-style-type: none;
}

ul.is-horizontal > li {
  display: inline-block;
}

.blog-post > .next-link {
  display: inline-block;
  margin-left: auto;
}

.outline-2 {
    margin-bottom: 2em;
}