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

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

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

#main-nav .logo {
    margin-bottom: 0.25rem;
}

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

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

#home-articles .articles-container > *:nth-child(2) {
    /* grid-row: 1 / span 2 !important; */
    /* grid-row: 1 / span 2 !important; */
    /* display: none !important; */
}

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

@media(max-width: 600px) {
    #showcase {
        /* padding: 1rem; */
    }

    .container {
        padding: 0 1rem;
    }

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

    /* Stack Grid Items */
    #showcase .showcase-container,
    #home-articles .articles-container,
    #main-footer .footer-container {
        grid-template-columns: 1fr;
    }

    #main-footer .footer-container {
        justify-content: center;
        text-align: center;
    }

    #main-footer .footer-container ul li {
        justify-self: center;
        margin: auto;
    }

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

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

    .page-container {
        grid-template-columns: 1fr;
        margin: 1rem 0;
    }
}