footer{
    border-top: 2px solid #ddd;
    padding: 2rem 2rem;
    background-color: #333;
    color: #fff;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    
}

footer .footer-brand img{
    height: 10rem;
    width: auto;
}

footer ul{
    list-style-type: none;
    padding: 0;
}

footer a{
    color: #8b8b8b;
    text-decoration: none;
    transition: all 0.3s;
}
footer a:hover{
    color: #fff;
    text-decoration: underline;
}

.social-icons a{
    margin-right: 1rem;
    color: #333;
    background-color: #fff;
    border-radius: 50%;
    padding: 0.3rem 0;
    text-align: center;
}

.social-icons a i{
    width: 2rem;
    height: 2rem;
}

.social-icons a:hover{
    color: #00a8ec;
}

.fa-facebook-f, .fa-globe, .fa-shield-alt, .fa-cookie, .fa-file-alt, 
.fa-home, .fa-utensils, .fa-store, .fa-tools, .fa-users, .fa-envelope,
.fa-heart, .fa-hand-paper, .fa-cut, .fa-calendar-alt, .fa-image,
.fa-phone, .fa-link, .fa-glass-cheers, .fa-cc-visa, .fa-cc-mastercard,
.fa-cc-amex, .fa-cc-diners-club, .fa-cc-discover, .fa-google-pay, 
.fa-cc-apple-pay, .fa-utensils {
    color: #fff;
}


/* was 768*/
@media (max-width: 576px){
    footer{
        padding: 2rem;
    }

    footer .footer-brand img{
        height: 7rem;
        width: auto;
    }
}