/* (A) GALLERY CONTAINER */
/* (A1) ON BIG SCREENS */
.gallery {
  display: grid;
  grid-template-columns: repeat(4, auto); /* 4 IMAGES PER ROW */
  grid-gap: 10px;
  max-width: 1200px;
  margin: 0 auto; /* HORIZONTAL CENTER */
}
/* (A2) ON SMALL SCREENS */
@media screen and (max-width: 640px) {
  .gallery {
    grid-template-columns: repeat(2, auto); /* 2 IMAGES PER ROW */
  }
}

/* (B) THUMBNAILS */
.gallery img {
	height:250px;
    object-fit: cover;/* FILL, CONTAIN, COVER, SCALE-DOWN : USE WHICHEVER YOU LIKE */
}
.gallery figcaption{ text-align:center; font-weight:bold;}

.gallery span{
    cursor: pointer;
    background-color: #e9d0cb;
    text-align: center;
	}
.gallery figure{
    cursor: pointer;
    padding: 4px;
	}
.gallery img:fullscreen { object-fit: contain; }


/* (X) DOES NOT MATTER */
body, html {
  padding: 0;
  margin: 0;
}