/* Navbar */
#main-nav .social {
  display: none;;
}

#main-nav .container {
  grid-template-columns: 1fr;
  grid-gap: 1.2rem;

}

#main-nav .logo,
#main-nav ul {
  justify-self: center;
}

#main-nav ul li a {
  padding: .5rem;
}

/* Home Articles */
#home-articles .articles-container {
  grid-template-columns: repeat(2,1fr);
}

#home-articles .articles-container .card:first-child,
#home-articles .articles-container .card:last-child {
  grid-template-columns: 1fr;
  grid-column: 1;
}

/* Smart Phone View */
@media(max-width: 600px) {
  /* Showcase */
  #showcase .showcase-container {
    grid-template-columns: 1fr;
  }

  /* Home Articles */
  #home-articles .articles-container {
    grid-template-columns: 1fr;
}
  
  #home-articles .articles-container .card:first-child,
  #home-articles .articles-container .card:last-child {
    grid-template-columns: 1fr;
    grid-column: 1;
  }

  /* Inner Page Grid Container */
  .page-container {
    grid-template-columns: 1fr;
    padding: 2rem ;
  }

  .l-heading { font-size: 2rem; }

  /* Footer */
  #main-footer .footer-container {
    grid-template-columns: 1fr;
  }

  #main-footer .footer-container div:last-child {
    grid-column: 1;
  }

  #main-footer .footer-container  div:nth-child(1),
  #main-footer .footer-container  div:nth-child(2) form {
    border-bottom: dotted #444  1px;
    padding-bottom: 1rem;
  }

}