body{
margin:0;
background:white;
color:black;
font-family: Arial, Helvetica, sans-serif;
}

.gallery{
margin-left:1%;      /* keeps gallery near left edge */
max-width:600px;
}

.mainimage{
width:80%;
text-align:left;
margin-bottom:0px;
}

.mainimage img{
display:block;
width:62%;
height:auto;
margin:0;
}

.thumbrow{
display:flex;
flex-wrap:wrap;
gap:4px;
margin-bottom:2px;
justify-content:flex-start;   /* thumbnails flush left */
}

.thumbrow img{
height:60px;
border:1px solid black;
display:block;
}

.caption{
margin-top:3px;
font-size:12px;
}

.caption a{
color:white;
}


/* Responsive tablet/mobile adjustments */
@media (max-width: 900px){

.gallery{
max-width:95%;
margin-left:auto;
margin-right:auto;
padding:10px;
box-sizing:border-box;
}

.mainimage{
width:100%;
}

.mainimage img{
display:block;
width:62%;
height:auto;
margin:0;
}

.thumbrow{
gap:6px;
}

.thumbrow img{
height:48px;
width:auto;
}

.caption{
font-size:14px;
line-height:1.4;
padding-bottom:20px;
}

}