/* Navigation */
  .container-nav {
    display: flex; /* Make the container a flex container */
    flex-direction: column; /* Stack items vertically */
    align-items: flex-start; /* Align items to the start (left) */
    width: 100%; /* Ensure it takes full width */
  }

  .logo {
    margin-top: 1rem;
  }

  .cta-button {
    font-size: 0.7rem;
  }

  .title-header {
    font-size: 2rem;
    text-align: center;
  }

  .btn-primary {
    font-size: 0.8rem;
    text-align: center;
  }

  .btn-secondary {
    font-size: 0.8rem;
  }

  .title-header-grid {
    font-size: 2rem;
  }

  #main-nav .logo {
    width: 60%;
  }

  .img-grid-first {
    padding: 0rem;
  }

  .img-grid-last {
    padding: 0rem;    
  }
  
  #main-nav {
    display: flex;
    flex-direction: column;
    justify-self: center;
    align-content: center;
  }
  
  #main-nav ul {
    margin: 1.5rem 0rem;
  }


  #main-nav ul li a {
    padding: 0.8rem;
  }
  
  h2 {
    font-size: 1.17rem;
   }
 
  #home-articles .articles-container {
    grid-template-columns: repeat(2, 1fr);
   }
  
  #home-articles .articles-container > *:first-child,
  #home-articles .articles-container > *:last-child {
    grid-template-columns: 1fr;
    grid-column: 1;
   }

  .showcase-content > p {
    text-align: center;
   }
  
  @media(max-width: 600px) {
    /* Stack Grid Items */
    #showcase .showcase-container,
    #home-articles .articles-container,
    #main-footer .footer-container {
      grid-template-columns: 1fr;
    }
  
    #main-footer .footer-container > *:last-child {
      grid-column: 1;
    }
  
    #main-footer .footer-container > *:first-child,
    #main-footer .footer-container > *:nth-child(2){
      padding-bottom: 1rem;
    }
  }