/* (A) GALLERY CONTAINER */
/* (A1) ON BIG SCREENS */

@media screen and (min-width: 800px){
.gallery {
  display: grid;
  grid-template-columns: repeat(5, auto); /* 6 IMAGES PER ROW */
  grid-gap: 40px;
  max-width: 1100px;
  margin: 0 auto; /* HORIZONTAL CENTER */
}
.gallery img { 
  width: 190px; 
  height: 190px;
  cursor: pointer;
  max-height: 190px;
  /* FILL, CONTAIN, COVER, SCALE-DOWN : USE WHICHEVER YOU LIKE */
  object-fit: cover;
}
.gallery img:fullscreen { object-fit: contain; }
.tabs{
      margin:20px;
  }
  
 
 
}

  
  @media screen and (max-width: 800px){
.gallery {
  display: grid;
  grid-template-columns: repeat(2, auto); /* 6 IMAGES PER ROW */
  grid-gap: 30px;
  max-width: 80%;
  margin: 0 auto; /* HORIZONTAL CENTER */
}
.gallery img { 
  width: 140px; 
  height: 140px;
  cursor: pointer;
  max-height: 190px;
  /* FILL, CONTAIN, COVER, SCALE-DOWN : USE WHICHEVER YOU LIKE */
  object-fit: cover;
}
.gallery img:fullscreen { object-fit: contain; }
.tabs{
      margin:10px;
      margin-left:30px;
  }
  
}
  
  


/* THUMBNAILS DESKTOP*/

  

/* (C) CAPTION */
.gallery figure { margin: 0; }
.gallery figcaption { 
  padding: 5px;
  background: #3e3e3e;
  color: #fff;
}

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