.galeria2  li {padding:4% 8%; list-style:none;  }
.galeria2 img {width:100%; height:auto; border:#2C3851 solid 2px;}
.body {width:100%;}

@media screen and (min-width:494px){
.galeria2 li {padding:4% 8%;}
}
/*SEGUNDO TRAMO*/ 

@media screen and (min-width:494px) and (max-width:665px) {
.galeria2 li {display:inline-block; width:40%; padding:1%;}

}

/*TERCER TRAMO */


@media screen and (min-width:666px) and (max-width:1069px) {
.galeria2 li {width:30%; padding:1%; display:inline-block;}

}

/*CUARTO TRAMO*/

@media screen and (min-width:1070px) {
.galeria2 li {width:20%; padding:1%; display:inline-block;}

}

.galeria2 {list-style:none; width:90%; margin:auto; padding:20px; box-sizing:border-box;
display:flex; flex-wrap:wrap; justify-content:space-around;}
.galeria2 li {margin:5px;}



.modal {display:none; }
.modal:target {position:fixed; background-color:rgba(0,0,0,0.8); top:0; left:0; width:100%; height:100%; display:block; z-index:80}

.imagen {width:700px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);} 

.imagen a {color:rgba(212,212,212,1.00); font-size: 5vw; text-decoration:none;  font-weight:bold;  } 
.imagen img {width:100%; height:auto; max-width:100%; border: 7px solid rgba(212,212,212,1.00); box-sizing:border-box; margin:auto;}

.imagen a:nth-child(2) {margin:0; width:100%; flex-shrink:2;}

.i, .d {position:absolute; top:50%; transform:translateY(-50%);}
.i {left:-11%;}
.d {right:-11%;}
.imagen .cerrar:hover, .i:hover, .d:hover {color:#FFC602 ; transition:0.1s linear; }



.imagen .cerrar {color:rgba(212,212,212,1.00); display:block; text-decoration:none; position:absolute; top:-50px; right:0%;  font-size: 25px;}

@media screen and (max-width:900px) {
	.imagen {width:80%;}
	.i {left:-8%;}
.d {right:-8%;}


}