body {
margin: 2em 5% 2em 5%;
color: white;
background-color: #494452;
}

a, a:visited {
color: white;
}



.gallery {
display: grid;
grid-template-columns: repeat(3, auto);
grid-gap: 10px;
max-width: 800px;
margin: 0;
padding: 0;
}

@media screen and (max-width: 850px) {
	.gallery {
	grid-template-columns: repeat(2, auto);
	}
}

.gallery figure { 
position: relative;
display: flex;
justify-content: center;
align-items: center;
vertical-align: middle;
width: 256px; 
height: 256px;
margin: 0;
margin-bottom: 3em;
padding: 0;
background-color: #222;
border-radius: 10px;
}

.gallery figure a {
margin: 0;
padding: 0;
}

.gallery figure a img{
margin: 0;
margin-top: 2px;
margin-bottom: -2px;
padding: 0;
}

.gallery figcaption { 
position: absolute;
height: 3em;
text-align: center;
vertical-align: top;
left: 0;
bottom: -3em;
width: 100%;
color: #ffe;
/*
background-color: #cce;
border-radius: 0 0 5px 5px;
*/
}