
#gallery-wrapper { display: flex; position: relative; justify-content: center;  top: -1em;/*! max-width: 90vw;  padding: 1rem; margin-bottom: 4rem;*/}

#gallery {
display:grid;
align-items: baseline;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
width: 80vw;
   /* line-height:20; */
-webkit-column-count:5; /* split it into 5 columns */
-webkit-column-gap:5px; /* give it a 5px gap between columns */
-moz-column-count:5;
-moz-column-gap:5px;

column-count: 5;
column-gap: 20px;

text-align: center;
margin: 3vh auto auto auto;
font-size: 1rem;
/* white-space: nowrap; */
/* column-fill: auto; */
/* height: 80vh; */
padding: 20px;
}

#gallery img { width: auto !important; height: auto !important; margin-bottom:5px; max-width: 15vw; max-height: 25vh; }
#gallery p {border: solid 1px #000; }
#gallery p:hover { border: solid 1px #899098; }
#gallery a { text-decoration: none; color: #e9bb06;}
/* #gallery a:hover { text-decoration: underline; } */

@media (max-width: 1600px) {
   #gallery { grid-template-columns: 1fr 1fr 1fr 1fr; }
   #gallery img { max-width: 15vw; }
}

@media (max-width: 1350px) {
   #gallery { grid-template-columns: 1fr 1fr 1fr ; }
   #gallery img { max-width: 25vw; }
}

@media (max-width: 800px) {
   #gallery { grid-template-columns: 1fr 1fr ; }
   #gallery img { max-width: 40vw; }
}

@media (max-width: 450px) {
   #gallery { grid-template-columns: 1fr ; white-space: normal; }
   #gallery img { max-width: 70vw; }
/*    #gallery-wrapper { top: 3rem; } */
.artistThumb { -webkit-margin-after: 1em; }
}


/*  LIVE 7-5 */