.MAgallery {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: minmax(min-content,max-content) minmax(min-content,max-content) minmax(min-content,max-content);
	grid-template-areas:'thumbarea'
						'imagearea'
	                    'imgtext';
}
.MAgalthumbs {
	grid-area: thumbarea;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	gap:3px;
	flex-wrap:wrap;
	/*overflow-x:hidden; */
	margin-bottom:20px;
	/*max-height:85vh;*/
	max-width:100%;
}
.MAgalthumb {
	cursor:pointer;
	width:50px;
	height:50px;
	border:3px solid transparent;
}
.MAcaption {
	display:none;
}
#MAgalcontrols img {
	cursor:pointer;
	padding-right:6px;
}

#scrollLeft {
	margin-left:5px;
}
#scrollLeft, #scrollRight {
	display:none;
}
#galCycle {
	display:inline-block;
}
.MAgalimage {
	grid-area:imagearea;
	width:100%;
	/*margin-top:80px;*/
	text-align:center;
}
.MAgalimage img {
	display:none;
	box-shadow: 5px 5px 15px #404040;
	max-height:450px;
}
.MAimgtext {
	display:none;
}
	
#MAgalimgtext {
	grid-area:imgtext;
	padding:10px 50px;
	text-align:center;
}

/* MAgallery on small screens - no thumbnails, just full-size images with captions under */

@media screen and (max-width:800px) {

.MAgallery {
	display:block;
	height:max-content;
}

.MAgalthumbs {
	display:block;
	text-align:center;
}
.MAgalthumb {
	max-width:90vw;
	height:auto;
	width:auto;
	box-shadow: 5px 5px 15px #404040;
}
.MAcaption {
	display:block;
	position:relative;
	margin:10px 5% 30px 5%;
	text-align:center;
}
.MAcaption::after {
	content:'';
	display:block;
	position:absolute;
	top:calc(100% + 10px);
	width:100%;
	height:2px;
	background-color:darkgray;
}
#MAgalcontrols {
	display:none;
}
.MAgalimage {
	display:none;
}
.MAgalimage img {
	display:none;
}
#MAgalimgtext {
	display:none;
}