.footer {
    padding: 80px 10px;
}

.footer-grid {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 50px;

    @media only screen and (max-width:700px) {
        display: grid;
        justify-items: center;
        justify-content: inherit;
        text-align: center;
    }
}

.redes {
    @include flex(15px);
    max-width: fit-content;
}

.f-1 {
    display: grid;
    gap: 20px;

    &>a,
    h3 {
        @include font(18, 500);
    }

    &>div,
    ul {
        display: grid;
        gap: 5px;
    }

    @media only screen and (max-width:700px) {
        justify-items: center;
    }
}