#galarea {
	display: none;
	z-index: 1;
	width: 100vw;
	height: calc(100vh - 4em);
	height: calc(100vh - var(--menu-height));
	
	position: fixed;
	top: 4em;
	top: var(--menu-height);
	
	background: rgba(0,0,0,0.9);
}

#galarea .navButton {
	display: block;
	width: 1em;
	height: 1em;
	
	color: white;
	font-size: 3em;
	position: absolute;
	top: 50%;
	cursor: pointer;
}

#galarea #next {
	right: 0.5em;
	text-align: right;
}
#galarea #previous {
	left: 0.5em;
	text-align: left;
}
#galarea #close {
	top: 0.0em;
	right: 0.4em;
	text-align: right;
}

#galarea #imgarea {
	position: absolute;
	top: 50%;
	left: 50%; 
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  
	width: calc(100vw - 10em);
	height: 100%;
	object-fit: scale-down;
}