/* Reset & Initials Styling */
body {
  line-height: 1.3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

.l-heading {
  font-size: 2.3rem !important
}

/* Navigation */
header #navbar .social {
  display: none;
}

header #navbar {
  grid-template-columns: 1fr;
  grid-gap: 1.2rem;
}

header #navbar ul,
header #navbar .logo {
  justify-self: center;
}

header #navbar ul li a {
  padding: 0.50rem;
}

main #articles-container {
  grid-template-columns: repeat(2, 1fr);
}

main #articles-container>*:first-child,
main #articles-container>*:last-child {
  grid-template-columns: 1fr;
  grid-column: 1;
}

@media(max-width: 660px) {

  /* Stack Grid Items */
  header #showcase,
  main #articles-container {
    grid-template-columns: 1fr;
  }

  footer {
    display: block;
    text-align: center;
  }

  footer>div>img {
    width: 60%;
    margin-bottom: 1rem;
  }

  footer>div#copy {
    grid-column: 1fr;
  }

  #page-container {
    display: block !important;
  }

  main#article>#page-container>aside#categories {
    border-top: 3px solid #ccc !important;
  }



}