/********************* COMPANIES BLOCK *********************/

.companies {
    background-color: #f2f2f2;
    padding: 20px 0;
}

.companies .logos {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    text-align: center;
    margin-left: -1000px;
    transition: 1s all
}

.companies .logos.active {
    margin: 5px;
}

.companies .logos img {
    max-height: 40px;
    max-width: 100px;
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%);
    -o-transition: .5s ease-in-out;
}

.companies .logos img:hover {
    -webkit-filter: grayscale(0%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
}

@media (max-width: 600px) {
    .companies {
        text-align: center;
    }
    .companies .logos {
        min-width: 100px;
        margin: 12px;
    }
}

/********************* COMPANIES TWO BLOCK END *********************/