a.client {
    border: 1px solid lightgray;
    box-shadow: 3px 3px 4px gray;
    background-color: white;
    width: auto;
    margin: 20px 0px;
    position: relative;
    display: block;
    text-align: center;
    padding: 20px;
}

a.client, a.client img {
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

    a.client span {
        height: 100%;
    }

    a.client:hover {
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        box-shadow: 3px 3px 14px #999;
    }

    a.client img {
        margin: auto;
        vertical-align: middle;
        max-height: 100%;
    }

    .span3 > a.client {
        height: 178px;
        line-height: 178px;
    }
    .span2 > a.client {
        height: 98px;
        line-height: 98px;
    }

/* Large desktop */
@media (min-width: 1200px) {
    .span3 > a.client {
        height: 228px;
        line-height: 228px;
    }
    .span2 > a.client {
        height: 128px;
        line-height: 128px;
    }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    .span3 > a.client {
        height: 124px;
        line-height: 124px;
    }
    .span2 > a.client {
        height: 50px;
        line-height: 50px;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .span3 > a.client {
        height: auto;
        line-height: inherit;
    }
}
 
/* Landscape phones and down */
/*@media (max-width: 480px) {
    a.client {
        height: auto;
        line-height: inherit;
    }
}*/