.brands{
    margin-bottom: 100px;
    text-align: center;
}

.brands img {
    outline: 1px solid #404040;
}

.brands img:hover {
    outline: 4px solid #404040 !important;
}



/***************** RESPONSIVE ********************/

@media screen and (max-width:1100px){
    .brands-container .brands span {
        width: 33%;
    }
}

@media screen and (max-width:768px){
    .brands-container .brands span {
        width: 50% !important;
    }
}

@media screen and (max-width:500px){
    .brands-container .brands span {
        width: 100% !important;
    }
}

/***************** FINE RESPONSIVE ********************/