img.figure:hover, img.fig_min:hover{
	cursor: pointer;
}

img.fig_min {
	float: right;
	height: 1.25em;
	width: 1.25em;
	position: relative;
	margin-bottom: -1.5em;
}

.hideOverflow {
	overflow: hidden;
}

div.overlay {
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0,0,0,0.8);
	overflow-y: scroll;
}

div.overlay_content {
	position: relative;
}

div.overlay_content {
	position: absolute;
	width: 60%;
	/*top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/

	left: 50%;
	transform: translate(-50%, 0);
	margin-top: 5em;
	margin-bottom: 5em;
	background: #fff;
	padding: 3em 5em;
	font-size: 12px;
}

div.overlay_content h3 {
	font-size: 1.7em;
	font-weight: bold;
	margin-bottom: 1em;
}

div.overlay_content img {
	width: 100%;
	margin: 0 auto;
}

div.overlay_content p.note{
	padding-top: 1em;
	font-size: 1.25em;
}

@media screen and (max-width: 850px), screen and (max-device-width: 850px){
div.overlay_content {
	width: 80%;	
	padding: 3%;
}


div.overlay_content h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
	padding-top: 0;
}

div.overlay_content p.note{
	padding-top: 1em;
	font-size: .8em;
}

div.overlay_content img.figure {
	width: 100%;
}

	
}