footer {
    border-top: 2px solid var(--gray);
    background: var(--footer-color);
}

.footer-inner {
    max-width: var(--page-w);
    margin: auto;
}

.logo-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 1rem;
    column-gap: 1rem;
}

.logo {
    flex: 1 1 auto;
}

.logo img {
    width: 100%;
    padding: 1rem;
}

/* xs screen */
@media only screen and (max-width: 768px) {
    .logo-container {
        column-gap: 0.5rem;
    }


    .logo img {
        width: 100%;
        padding: 0.5rem;
    }
}