h1{
	color:#fff;
	text-align:center;
}

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

.galeria li{
margin:5px;
}

.galeria img {
width:300px;
height:200px;
border-radius:16%;
}


/*efectos al pasar el mouse sobre la imagen de los articulos */
.galeria img:hover{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
}

/*estilos del modal*/

.modal{
display:none;
}

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

.modal h3{
color:#fff;
font-size:30px;
text-align:center;
margin:15px 0;
}

.imageng{
width:100%;
display:flex;
justify-content:center;
align-items:center;
}

.imageng a{
color:#fff;
font-size:40px;
text-decoration:none;
margin:0 10px;
}

.imageng a:nth-child(2){
margin:0;
height:80%;
flex-shrink:2;
}

.imageng img{
width:100%;
height:80%;
max-width:100%;
border:1px solid #fff;
box-sizing:border-box;
}

.cerrar{
/*display:block;*/
float:right;
background:#fff;
width:25px;
height:25px;
margin:auto;
text-align:center;
text-decoration: none;
font-size:25px;
color:#000;
padding:5px;
border-radius:50%;
line-height:25px;
margin-right: 20px;
}