/* Footer.css */

.footer {
    padding: var(--section-gap) 0 0;
    background-color: var(--clr-primary);
    color: var(--clr-text-light);
}

.footer .inner {
    margin: auto;
    padding: 0 5vw;
}
.footer .logo-wrapper {
    max-width: 300px;
}

.footer .footerlinks {
    margin: var(--section-gap) auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 3rem;
}
.footer .footerlinks a,
.footer .footerlinks p {
    margin-bottom: 1rem;
    color: var(--clr-text-light);
}
.footer .footerlinks a:hover{
    text-decoration: underline;
}

.footerlinks .col:first-of-type{
    order: 1;
}

.footer .credit-bar {
    padding: 6px 5vw;
    background-color: black;
    color: var(--clr-text-light);
}
.footer .credit-bar a,
.footer .credit-bar p {
    margin-bottom: 0;
    background-color: black;
    color: var(--clr-text-light);
    font-size: 0.8rem;
}

@media only screen  and (min-width: 750px){
    .footer .footerlinks {
        grid-template-columns: repeat(3, 1fr);
    }
    .footerlinks .col:first-of-type{
        order: 0;
    }    
}