#mayy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.modalDialog2 {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 600ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	overflow: auto;
	background-color: rgba(0,0,0,0.7);
}
.modalDialog2:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog2 > div {
	width: 25%;
	position: relative;
	margin-top: 5%;
	margin-right: 5%;
	margin-bottom: auto;
	margin-left: auto;
	padding: 0px;
	height: auto;
	background-color: #FFF;
	min-width: 380px;
	max-width: 60%;
	max-height: 100vh;
	min-height: 70vh;
	background-image: url(../images/downn.jpg);
	border-radius: 8px;
	-webkit-transition: all 300ms ease-in 200ms;
	-moz-transition: all 300ms ease-in 200ms;
	-ms-transition: all 300ms ease-in 200ms;
	-o-transition: all 300ms ease-in 200ms;
	transition: all 300ms ease-in 200ms;
}