.articleBrowser {
  display: flex;
  flex-direction: column;
}
.articleBrowser_inner {
  width: calc(100% - 40px);
  margin: 0 20px;
}
.articleBrowser_sidebar {
  width: calc(100% - 40px);
  margin: 0 20px;
}
.articleBrowser_filters {
  padding: 40px 0 20px;
  display: flex;
  flex-wrap: wrap;
}
.articleBrowser_filterBtn {
  border-radius: 6px;
  height: 39px;
  padding: 5px 18px;
  border: 2px solid #D9D9D9;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  font-size: 14px;
  margin-right: 8px;
  margin-bottom: 20px;
}
.articleBrowser_filterBtn:hover {
  color: #273a5d;
}
.articleBrowser_filterBtn[data-selected="true"] {
  background-color: #273a5d;
  color: white;
  border: 2px solid #273a5d;
}
.articleBrowser_filterBtn[data-selected="true"]:hover {
  color: #D9D9D9;
}
/* ============================================ *
 * MAX WIDTH QUERIES
* ============================================ */
@media (max-width: 769px) {
  .articleBrowser_filterBtn {
    margin-bottom: 50px;
  }
}
/* ============================================ *
 * MIN WIDTH QUERIES
 * ============================================ */
@media (min-width: 980px) {
  .articleBrowser {
    display: flex;
    flex-direction: row;
  }
  .articleBrowser_inner {
    width: calc(75% - 15px);
    margin-right: 15px;
  }
  .articleBrowser_sidebar {
    width: calc(25% - 15px);
    margin-left: 15px;
  }
}