
.galleryDivContainer h2{
  text-align: center;
}
[class^="gallery-"],
[class*=" gallery-"] {
  display: inline-grid;
  overflow: hidden;
  grid-auto-rows: 1fr;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  clear:both;
  padding: 0;
  list-style: none;
}

[class^="gallery-"] li,
[class*=" gallery-"] li{
  display: flex;
  justify-content: center;
  overflow: hidden;
  position:relative;
  /*height:160px;*/
}

[class^="gallery-"] img,
[class*=" gallery-"] img{
  flex-shrink: 0;
  object-fit: cover;
  object-fit: scale-down;
  width:unset !important;
  border:unset;
}
[class^="gallery-"] a,
[class*=" gallery-"] a{
  margin:0 !important;
  text-align: center;
  color:#fff;
}
.galleryDescription,
.galleryAlbumTitle{
    font-size: 12px;
    position: absolute;
    line-height: 1;
    padding:6px 1px;
    background: rgba(0,0,0,0.6);
    bottom:4px;
    width:99%;
}

.gallery-1{grid-template-columns: repeat(1, 1fr);}
.gallery-2{grid-template-columns: repeat(2, 1fr);}
.gallery-3{grid-template-columns: repeat(3, 1fr);}
.gallery-4{grid-template-columns: repeat(4, 1fr);}
.gallery-5{grid-template-columns: repeat(5, 1fr);}
.gallery-6{grid-template-columns: repeat(4, 1fr);}
.gallery-7{grid-template-columns: repeat(7, 1fr);}
.gallery-8{grid-template-columns: repeat(8, 1fr);}
.gallery-9{grid-template-columns: repeat(9, 1fr);}
.gallery-10{grid-template-columns: repeat(10, 1fr);}
.gallery-11{grid-template-columns: repeat(11, 1fr);}
.gallery-12{grid-template-columns: repeat(12, 1fr);}
.gallery-13{grid-template-columns: repeat(13, 1fr);}

.gallery{padding:8px 0;cursor:pointer;}
.gallery a:before{content:"Return to ";}
.galleryDivContainer{text-align: center;}


@media screen and (max-width: 47.9em) {

  .gallery-1,
  .gallery-2,
  .gallery-3,
  .gallery-4,
  .gallery-5,
  .gallery-6,
  .gallery-7,
  .gallery-8,
  .gallery-9,
  .gallery-10,
  .gallery-11,
  .gallery-12,
  .gallery-13{grid-template-columns: repeat(3, 1fr);}
}