footer {
    background-color: var(--color-grey-dark);
    padding: calc(var(--grid-gap) * 1.5) 0;
}

footer .grid-container {
    align-items: center;
}

nav.footer-nav ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    grid-gap: calc(var(--grid-gap) * 2);
}

nav.footer-nav a {
    color: #fff;
    text-decoration: none;
}

nav.footer-nav a:hover {
    text-decoration: underline;
}

.copyright-text {
    color: #fff;
    text-align: right;
}


@media (max-width: 768px) {
   
    nav.footer-nav ul {
        justify-content: center;
        margin-bottom: 1em;
    }

    .copyright-text { 
        text-align: center;
    }

}