.container-nav {
    display: flex;
    flex-direction: column; 
    align-items: flex-start; 
    width: 100%; 
}

.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, .title-header-products {
    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: left;
}
  
@media(max-width: 600px) {
    #showcase .showcase-container,
    #home-articles .articles-container,
    #main-footer .footer-container {
        grid-template-columns: 1fr;
    }

    #showcase .showcase-content {
        display: flex;
        justify-content: center;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    #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;
    }

    .consent-banner {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: 320px;
        max-width: 90%;
        padding: 1rem 1rem;
        font-size: 0.85rem;
        flex-direction: column;
        gap: 0.5rem;
    }

    .consent-banner p {
        margin: 0 0 0.5rem 0;
        text-align: center;
    }

    .consent-banner button {
        width: 100%;
    }

    #main-footer .footer-row {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 2rem;
    }
        
    .footer-menu > div:first-child {
        margin-left: 0rem;
    }

    #main-footer .footer-row .logo {
        order: 0; 
        margin-bottom: 1rem;
        width: 60%; 
    }

    #main-footer .footer-row .footer-menu {
        flex-direction: column; 
        gap: 1.5rem;
        width: 100%;
        align-items: center;

    }

    #main-footer .footer-row .footer-menu > div {
        width: auto; 
        text-align: center;
        width: 100%;

    }
    #main-footer .footer-row .footer-menu > div ul {
        justify-content: center;
        padding: 0;
    }

    .product-highlight {
        text-align: center;
    }
    .feature-row {
        flex-direction: column;
        gap: 2rem;
    }

    .feature-text, .feature-image {
        width: 100%;
    }
        
    .feature-text h2 {
        font-size: 1.6rem;
    }

    .product-button {
        display: block;
        margin:auto;
    }
}