.icongrid img {
	padding:0px;
	width:  100%;
	max-width: 64px;
}

span.card-title {
	text-align:center;
}

.icongrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10px,1fr));
	grid-template-rows: 48px;
	grid-column-gap: 7px;
	grid-row-gap: 2px;
	width: 100%;
	list-style-type: none;
}

.icongrid li {
	padding: 0px;
	margin: 0px;
	justify-self: stretch;
	align-self: center;
	text-align:center;
}

.icongrid img {
	border-radius: 10%;
}

.formula .embed {
	position:absolute;
	margin-top:240px;
	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"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%);
	
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */	
}

.formula .embed:hover {
	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%);

	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */		
}

.formula .embed_code {
	display:none;
	position:relative;
	top:-20px;
}

.formula .users {
	position:absolute;
	margin-top:240px;
	margin-left:40px;
	padding-right:30px;
	text-align:right;
	display:inline-block;
	color:#777;

	background-image: url(http://dieyes.es/sesiones/botize/orlas/css_200.png);
	background-position:125% 0%;
	background-repeat:no-repeat;
}