@charset "utf-8";
/* CSS Document */

#overlay {
	background: rgba(0,0,0,.9);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	z-index: 98;
	float: left;
	padding: 0;
	overflow: auto;
}

#imgWrap {
	max-width: 100%;
	/*max-height: 80%;*/
	margin: 5% 0 0;
	/*overflow: hidden;*/ /*REMOVE LATER*/
}

#overlay #imgWrap img{
	max-width: 90%;
	/*max-height: 80%;*/
	margin: 0;

}

#overlay p {
	color: #fff;
}

img#overlayCloseIcon {
	position: fixed;
	width: 5vw;
	top: 0;
	right: 0;
	padding: 1vw;
}

@media screen and (min-width: 660px) {
	#imgWrap #overlayCloseIcon {
			width: 2.5vw;
	}
}

@media screen and (min-width: 840px) {
	#overlay {
		background: rgba(0,0,0,.4);
		width: 35%;
		height: auto;
		margin-left: 32.5%;
		margin-right: 32.5%;
		margin-top: 10%;
		overflow: visible
		
	}
	#imgWrap {
		max-width: 100%;
		margin-top: 2.5%;
		margin-bottom: 2.5%;
	}
	#overlay #imgWrap img {
		max-width: 95%;
		min-width: 95%;
		max-height: 100%;
	}
/*	#imgWrap #overlayCloseIcon {
		top: 1vw;
		right: 1vw;
		width: 1.5vw;
		margin-bottom: 42.5%;
		margin-left: .25vw;
	}*/
	img#overlayCloseIcon {
		position: absolute;
		width: .6vw;
		height: .6vw;
		top: -.7vw;
		right: -.7vw;
		float: right;
		padding: .5vw;
		background: #555;
		border-radius: .2em;
	}
}