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

.modalDialog:target{
	opacity:1;
	pointer-events:auto;
}

.modalDialog > div{
	width:80%;
	position:relative;
	margin:10% auto;
	padding:30px 20px 30px 20px;
	border-radius:10px;
	background:#fff;
}

.modalImage{
	width:90%;
}

.modalVideo{
	width:100%;
}

.close{
	background:#777;
	color:#fff;
	position:absolute;
	top:-12px;
	right:-12px;
	text-align:center;
	line-height:40px;
	width:40px;
	height:40px;
	text-decoration:none;
	font-weight:bold;
	border-radius:50%;
	font-family:arial;
}

.close:hover{
	background:#28ba9d;
}

.modalText{
	font-family:raleway;
	font-weight:400;
	margin-bottom:8px;
}