/* footer */
.footer {
    padding-bottom:50px;
    background: #fff;
}

/* Barra de marcas */
.footer .footer-brands{
    background-color: var(--nd-azul);
    padding: 15px;
}

.footer .footer-brands .logo-content{
    display: inline-block;
    width: auto;
}

.footer .footer-brands img{
    height:35px;
    width: auto;
}

.footer .footer-brands img.grupo-nd-rodape{
    opacity: 0.7;
}

/* Menu rodape */
.footer #footer-menu {
    display: block;
    width: 100%;
    margin-bottom:20px;
    text-align: center;
}

.footer .footer-menu {
    display: inline-block;
    padding:20px 0;
    text-align: center;
    border-bottom: 1px solid #cccccc;
}

.footer .footer-menu li{
    display: inline-block;
    margin:0;
    padding:0 5px;
}

.footer .footer-menu li a{
    font-family:'Roboto' , 'Arial' , 'Arial', 'sans-serif';
    font-size: 14px;
    color: #000;
    margin:0;
    line-height: 20px;
    display: inline-block;
    padding: 0 5px;
}
.footer .footer-menu li:first-of-type{
    padding-left: 0;
}

.footer .footer-menu li:last-of-type{
    padding-right: 0;
}
/* Copyright */
.footer .copyright {
    text-align: center;
    display: block;
    width: 100%;
    font-family: 'Roboto' , 'Arial' , 'Arial', 'sans-serif';
    font-size:14px;
    margin-bottom: 20px;
}

/* redes sociais */
.footer .footer-social-follow{
    text-align: center;
    margin-bottom: 20px;
}

.footer .footer-social-follow a{
    width:40px;
    height: 40px;
    line-height: 40px;
    color:#fff;
    background: var(--nd-roxo);
    font-size:20px;
    display: inline-block;
    border-radius: 50%;;
}

@media only screen and (min-width:768px) {

    /* rodape */
    .footer {
        padding-bottom:90px;
    }

    /* lista de marcas */
    .footer .footer-brands{
        padding-left: 15px 0;
    }

    /* menu rodape */
    .footer #footer-menu {
        display: block;
        width: 100%;
        margin-bottom:30px;
    }

    .footer .footer-menu {
        padding:30px 0;
    }

    /* copyright */
    .footer .copyright {
        margin-bottom: 30px;
    }

    /* redes sociais */
    .footer .footer-social-follow{
        margin-bottom: 30px;
    }
    
   
}

@media only screen and (min-width:992px) {

    /* menu rodape */
    .footer .footer-menu li{
        padding:0 20px;
        font-size:16px;
    }

}