.galeria .example-link img {
	max-width: 90%; max-height: 90%; margin-top: 2%; }
.galeria .example-image{
	width: 100%; display: block;}
.galeria a:hover{
	 -webkit-filter: grayscale(100%);  filter: grayscale(100%);}
@media only screen 
and (max-width :700px){
.galeria a {
  width: 48%; float: left; margin: 0 0 1% 1%;}}
@media only screen 
and (min-width : 701px)
and (max-width : 1000px) {
.galeria a {
  width: 32.3%;float: left; margin: 0 0 1% 1%;}}
@media only screen 
and (min-width : 1001px)
and (max-width : 1149px) {
.galeria a {
  width: 49%; float: left; margin: 0 0 1% 1%;}}
@media only screen 
and (min-width : 1150px){
.galeria a {
  width: 32.3%; float: left; margin: 0 0 1% 1%;}}