@charset "utf-8";
.menuPhoto figcaption {text-align: center; font-size: x-small; color: var(--fontBrown);}
.menuPhoto {float: left; margin: 0 1em 1em 0;}
.galImg {border: var(--borderThumbnail) thick inset; width: 320px;}
main h2 {font-size: large; text-align: center; margin: 0 0 1em;}
main p {font-size: small;}
#text {display: flex; flex-direction: row;}
#text ul {width: 33%; list-style-type: none; padding: 0; margin: 0; font-size: x-small;}
@media only screen and (max-width: 750px)
{
	.menuPhoto {margin: 0 0 0 1em; float: right;}
	.menuPhoto img {width: 163px;}
	.galImg {border-width: medium;}
	#text {clear: left; margin: 0 0 1em;}
	#text ul {width: 33%; margin: 0 1em 0 0;}
}
@media only screen and (max-width: 520px)
{
	main h2 {margin: 1em 0;}
	.menuPhoto img {width: 234px;}
	.menuPhoto {float: none; margin: 10px calc((100% - 234px) / 2) 0;}
}