#oligal_wrapper
{
	position: fixed;
	display: none;
	visibility: hidden;
	Width:  100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

#oligal_overlay
	{
	display: inherit;
	position: relative;
	visibility: inherit;
	box-sizing: inherit;
	z-index:1000;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 0.75;
	background-color: #333;
	}

#oligal_content {
	display: inherit;
	visibility: inherit;
	box-sizing: inherit;
	z-index:1001;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #ddd;
	transform: translate(-50%, -50%);
	border: 1em solid white;
	box-shadow: 5px 5px 5px 0px grey;

	width:1024px;
	height:auto;

	/* max-width: 90%;
	max-height: 90%; */
	}

#oligal_image {
		visibility: inherit;
		display: inherit;
		width: 100%;
		height: 100%;
		object-fit: scale-down;
		/* box-shadow: inset 0px 0px 10px 10px #ddd; */
	  }

/* Navigation styles*/
#oligal_prev, #oligal_next, #oligal_close {
	position: absolute;
	display: inherit;
	visibility: inherit;
	box-sizing: inherit;
	z-index: 1002;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
	opacity: 0.6;
	}

#oligal_prev {
	top: 0px;
	left: 0px;
	width: 30%;
	height: 100%;
	}

#oligal_next {
	top: 0px;
	right: 0px;
	width: 30%;
	height: 100%;
	}

#oligal_close
	{
	position: absolute;
	display: inherit;
	top: 1rem;
	right: 1rem;
	}

#oligal_prev span, #oligal_next span, #oligal_close span {
	display: inherit;
	visibility: inherit;
	position: relative;
	height: 0;
	line-height: 0;
	top: 50%;
	color: white;
	font-size: 3rem;
	text-align: center;
	opacity: inherit;
	text-shadow: 0px 0px 3px black;
  }

#oligal_close:hover, #oligal_prev:hover, #oligal_next:hover
	{
	opacity:1;
	cursor: pointer;
	}

@media only screen and (max-width: 70rem) {
		#oligal_content {
			width: 100vw;
			height: 100vw;
			max-width: 100%;
			max-height: 100%;
			border: none;
			box-shadow: none;
			background: none;
		}
	}