footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    padding: 4rem 32px;
    background: var(--bg2);
}

@media (min-width: 1000px) {
    footer {
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media (max-width: 740px) {
    footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1rem;
    }

    footer nav {
        display: none!important;
    }

    footer .wrapper,
    footer .column3 {
        align-items: center;
    }

    footer .wrapper > div {
        justify-content: center;
    }

    footer .wrapper > div.btn-group {
        align-items: center;
    }
}

footer nav,
footer .wrapper,
footer .column3 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

footer a {
    text-decoration: none;
    color: var(--col-txt);
}

footer .wrapper a {
    text-decoration: underline;
}

footer .wrapper > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

footer .wrapper > div.btn-group {
    flex-direction: column;
    align-items: baseline;
}

footer .wrapper svg {
    width: 36px;
    height: 36px;
    color: var(--color-2);
}