@-webkit-keyframes animate-client-logo {
  0%   { opacity: 0.5; height: 90%; width: 90%; }
  100% { opacity: 1;  height: 100%; width: 100%; }
}
@-moz-keyframes animate-client-logo {
  0%   { opacity: 0.5; height: 90%; width: 90%; }
  100% { opacity: 1;  height: 100%; width: 100%; }
}
@-o-keyframes animate-client-logo {
  0%   { opacity: 0.5; height: 90%; width: 90%; }
  100% { opacity: 1;  height: 100%; width: 100%; }
}
@keyframes animate-client-logo {
  0%   { opacity: 0.5; height: 90%; width: 90%; }
  100% { opacity: 1;  height: 100%; width: 100%; }
}

.page-About .subpage.clients ul.animgrid-container {
	list-style-type: none;
}

.page-About .subpage.clients ul.animgrid-container li img {
	vertical-align: middle;
}
.page-About .subpage.clients ul.animgrid-container li  {
	display: inline-block;
	width: 19%;
	height: 100px;
	text-align: center;
}

.page-About .subpage.clients ul.animgrid-container li, .page-About .subpage.clients ul.animgrid-container li img  {
	
	opacity: 0.5;
	
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.page-About .subpage.clients ul.animgrid-container li:hover, .page-About .subpage.clients ul.animgrid-container li img {
  
  opacity: 1;
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);

}

.page-About .subpage.clients ul.animgrid-container li.extrafade {
  opacity: 0.33;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

@media only screen and (max-width: 720px) {
	.page-About .subpage.clients ul.animgrid-container li {
	width: 32%;
	}
}