
#exhibit {display: grid; grid-gap: 1rem;}
#exhibit {grid-template-areas: 'original edited' 'comment edited';}

#original {grid-area: original; display:  flex; justify-content: center; align-items: center; flex-direction: column;}
#original img {border: medium inset var(--borderThumbnail);}

.menuPhoto {margin: 10px; grid-area: edited; text-align: center;}
.galImg {border: var(--borderThumbnail) thick inset; max-width: 330px;}
.menuPhoto figcaption, #original p  {font-size: x-small; margin: 0 auto;}

#comment {grid-area: comment; padding: 0 0 0 1rem;}
#comment p:first-of-type {margin: 0;}

@media only screen and (max-width: 750px)
{
	.galImg {max-width: 270px;}
}
@media only screen and (max-width: 520px)
{
	#exhibit {grid-template-areas: 'original edited' 'comment comment';}	
	#original {margin-top: 10px; justify-content: flex-start;}
	.galImg {max-width: 150px; border-width: medium;}
}
