@media(max-width : 800px)
{
  #main-nav
  {
    height: 115px;
  }
  #main-nav .container
  {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    justify-content: center;

  }
  #main-nav .social
  {
    display: none;
  }
  #main-nav .link
  {
    display: flex;
    margin: auto;
    justify-self: center;
    margin-bottom: 10px;
  }
  #main-nav ul
  {
    justify-self: center;
  }
  #main-nav ul li a
  {
    padding: 0.50rem;
    font-size: 15px;
  }
  #showcase .showcase-container
  {
  padding: 0px;
  grid-template-columns: 4fr 1fr;
  }
  #showcase h1
  {
  font-size: 34px;
  margin-bottom: 3px;
  }
  #showcase p
{
  font-size: 14px;
  margin-bottom: 5px;
}
.btn
{
  font-size: 12px;
  padding: 5px 9px;
  margin-top: 5px;
  border: none;
}
#home-articles
{
  margin: 30px 20px;
}
#home-articles .article-container
{
  grid-template-columns: repeat(2 , 1fr);
}
#home-articles .article-container > *:first-child,
#home-articles .article-container > *:last-child
{
  grid-template-columns: 1fr;
  grid-column: 1;
}
#home-articles .article-container article:nth-child(7)
{
  display: none;
}
#about .about-container  .about-content h1
{
  font-size: 40px;
  text-align: center;
}
#about .about-container  .about-content p
{
  text-align: center;
}
#main-footer .footer-container
{
  grid-template-columns: 1fr 1fr;
}
#main-footer .footer-container > *:last-child
{
  grid-column: 1 / span 2;
}
#main-footer .footer-container input[type = 'submit'],
#main-footer .footer-container input[type ='email']
{
  width: 100%;
}
#main-footer .footer-container > * 
{
  padding-bottom: 20px;
  border-bottom: 1px dotted #444444;
}

#main-footer .footer-container > *:nth-child(3),
#main-footer .footer-container > *:nth-child(4)
{
  border: none;
}
#about .about-container  .about-content h1
{
  font-size: 30px;
}
}

@media(max-width : 600px)
{
  #home-articles .article-container
  {
    grid-template-columns: 1fr;
  }
  #main-footer .footer-container
  {
    grid-template-columns: 1fr;
  }
  #main-footer .footer-container > *:last-child
  {
    grid-column: 1;
  }
  #main-footer .footer-container input[type = 'submit'],
  #main-footer .footer-container input[type ='email']
  {
    width: 100%;
  }
  #main-footer .footer-container > * 
  {
    padding-bottom: 20px;
    border-bottom: 1px dotted #444444;
  }

  #main-footer .footer-container > *:nth-child(3),
  #main-footer .footer-container > *:nth-child(4)
  {
    border: none;
  }
  .about-container 
{
  grid-template-columns: 1fr;
  grid-gap: 30px;
}
.meta
{
  font-size: 13px;
}
.category.category-ent
{
  font-size: 10px;

}
}