.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99997;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div > div {
	width: 80%;
	position: relative;
	top: 150px;
	margin: auto;
	background: #fff;
	z-index: 99999;
	background: black;
}
.closet{
	z-index: 99996;
	position: absolute;
	text-align: center;
	left: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;

}

.closet:hover {
	background-color: none; }


	@media (max-width: 768px){
		.modalDialog > div > div {
			width: 100%;
			position: fixed;
			right: 0px;
			left: 0px;
			top: 30%;
			z-index: 99999;
			background: black;
		}
		.closet{
			z-index: 99996;
			position: fixed;
			text-align: center;
			left: 0;
			width: 100%;
			height: 100%;
			text-decoration: none;

		}
		.modalDialog {
			height: 2000px;
		}
	}