/* (A) GALLERY CONTAINER */

/* (A1) ON BIG SCREENS */

.gallery {

  display: grid;
  grid-template-columns: repeat(2, auto); /* 3 IMAGES PER ROW */
  grid-gap: 10px;
  max-width: 1600px;
  margin: auto auto; /* HORIZONTAL CENTER */
  /*border: 5px solid #0099FF;*/
  margin-left: 20px;

}

/* (A2) ON SMALL SCREENS */

@media screen and (max-width: 640px) {

  .gallery {
    grid-template-columns: repeat(1, auto); /* 2 IMAGES PER ROW */

  }

}


/* (B) THUMBNAILS */

.gallery img {
  /*width: 50%;*/
  width: 100%;
  /*height: 110px;*/
  cursor: pointer;
 /* border: 5px solid #0099FF;*/
  /* FILL, CONTAIN, COVER, SCALE-DOWN : USE WHICHEVER YOU LIKE */
  object-fit: cover;

}

.gallery img:fullscreen { object-fit: contain; }

/* (X) DOES NOT MATTER */

body, html {
  padding: 0;
  margin: 0;
opacity: 1.0;

}