#clients_overview {width: 84%; text-align: center; /*background: pink;*/ padding: 0; margin: 0 auto;}
#clients_overview div.item {float: left; width: 20%; text-align: center; padding: 0; margin: 5px 0;}
#clients_overview div.item.first {margin-left: 0;}
#clients_overview div.item a {display: block; text-align: center;}
#clients_overview div.item img {
	max-width: 100%; height: auto; vertical-align: bottom;
	/*opacity: 0.3;*/
	/* Firefox 10+, Firefox on Android */
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");*/
	/* IE6-9 */
	/*filter: gray;*/
	/* Chrome 19+, Safari 6+, Safari 6+ iOS */
	/*-webkit-filter: grayscale(100%);*/
}
#clients_overview div.item:hover img {
	opacity: 1;
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);*/
}
@media (max-width: 1024px) {
	#clients_overview div.item img {
		opacity: 1;
		/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		-webkit-filter: grayscale(0%);*/
	}	
}
@media (max-width: 720px) {
	#clients_overview {width: 100%;}
}
@media (max-width: 550px) {
	#clients_overview div.item {width: 25%;}
}
@media (max-width: 380px) {
	#clients_overview div.item {width: 33%;}
}