.logos {
  text-align: center; }
  .logos .logo {
    padding: 20px;
    display: inline-block;
    position: relative;
    width: 300px;
    box-sizing: content-box; }
    .logos .logo a {
      display: block;
      width: 100%;
      position: absolute;
      top: 50%;
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      .logos .logo a img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -moz-transition: filter 1s;
        -o-transition: filter 1s;
        -webkit-transition: filter 1s;
        transition: filter 1s; }
      .logos .logo a:hover img {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%); }

/*# sourceMappingURL=clients-projects.css.map */