footer {
    background-color: var(--dark);
    color: var(--light);
    padding: 3em 5em;
    box-sizing: border-box;
}

footer * {
    font-size: .8rem;
}

footer .row {
    border-bottom: 1px solid var(--light);
    padding-bottom: 1em;
}

footer img {
    width: 3em;
}

footer a {
    color: var(--secondary) !important;
    border-bottom: 1px solid var(--secondary) !important;
}

footer a:hover {
    color: var(--gray) !important;
}

footer .footer-action-links {
    display: flex;
    gap: 2em;
}

footer .footer-action-links i {
    font-size: 2em;
}

footer .legal-links {
    color: var(--primary);
}

footer .legal-links:hover {
    color: var(--primary-hover);
}

@media screen and (max-width: 800px) {
    footer img {
        width: 6em;
        margin: 0 0 0 auto;
    }

    footer .footer-action-links {
        margin-bottom: 3em;
    }    

    .row {
        flex-direction: column;
        gap: 0em;   
    }

    .col {
        width: 100%;
    }
}