/*------------------componente footer-------------------*/

footer {
    background-color: black;
    display: flex;
    flex-direction: column;
    color: white;
}

    footer div.footer-logo {
        display: flex;
        justify-content: center;
        padding: 50px;
    }

        footer div.footer-logo img {
            height: 70px;
        }

    footer div.footer-copyright {
        background-color: #202020;
        padding: 10px;
        display: flex;
        justify-content: center
    }

    footer div.footer-copyright {
        color: #9a9b9d;
        font-weight: bold;
    }

@media(max-width: 720px) {
    
    /*------------------componente footer-------------------*/

    footer {
        display: none;
    }
    
    .show-footer {
        display: flex !important;
    }
}