/* 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;
	}
}