/* Override Base Styles */

body {
  font-size: 16px;
}

.header {
  border-bottom: initial;
}

main, .header-inner, .footer-inner {
  width: 100%;
  min-width: 320px;
  max-width: 490px;
}

.sub-nav {
  padding: initial;
  display: flex;
  flex-direction: column-reverse;
}

.breadcrumbs {
  display: block;
  padding-top: 20px;
}

.breadcrumbs li {
  float: left;
  color: #000000;
  font-size: 16px;
}

.sub-nav .search {
  display: block;
  width: initial;
}

.page-header, .page-header + p {
  display: none;
}

.hero-unit {
  padding: initial;
}

.section {
  display: block;
  padding-right: initial;
  width: initial;
}

.category .section {
  display: none;
}

.section h3 {
  margin-bottom: 20px;
  font-size: 14px;
}

.article-list li {
  margin-bottom: 15px;
}

.see-all-articles {
  font-size: 14px;
}

.main-column {
  display: block;
  width: initial;
}

.article-footer .article-vote {
  display: block;
  padding-bottom: 10px;
}

.article-footer .share {
  display: block;
}

.side-column {
  display: block;
  margin-left: initial;
  margin-top: 45px;
  width: initial;
}