footer {
    min-height: 160px;
    border-radius: 10px 10px 0 0;
    padding: 20px;
    display: none;
    background: var(--blue-deep);
}

footer .logo {
    width: 60%;
}

@media only screen and (max-width: 767px) {
    footer.cellphone {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    footer.cellphone {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    footer .logo {
        width: 220px;
    }
}