.footer ul li + li {
    margin-left: 2rem;    
}
.footer {
    padding: 4rem 1rem;
}
.footer .social {
    text-align: center;
    padding-top: 2.5rem;
    color: var(--accent);
}
.footer .social a {
    font-size: 2rem;
    color: inherit;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin: 0 .44em;
    opacity: 0.75;
}

.footer .social a:hover {
    opacity: 0.9;
}

.footer ul {
    line-height: 1.6;
    text-align: center;
}

.footer ul li a {
    text-decoration: none;
    opacity: 0.8;
}

.footer ul li {
    display: inline-block;
    padding: 0 1.1em;
}
.footer ul li a:hover {
    opacity: 1;
}
.footer-lnks {
    font-size: 18px;
}

@media screen and (max-width: 800px) {
    .footer ul li + li {
        margin-left: .2rem;    
    }
    .footer ul {
        line-height: 1;
        text-align: center;
    }
}