@media only screen and (max-width: 320px) 
{
	
	

#mayy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9C6;
}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	
	overflow: auto;
	background-color: rgba(0,0,0,0.85);
	/* [disabled]background-image: url(file:///Macintosh%20HD/Applications/MAMP/htdocs/images/eyeglasser.png); */
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 98%;
	position: relative;
	/* [disabled]border-radius: 0px 10px 10px 0px; */
	height: auto;
	margin-top: 3%;
	margin-right: auto;
	margin-bottom: 5%;
	margin-left: auto;
	height: 650px;
}
}


@media only screen and (min-width: 321px) and (max-width: 1023px)
{
	
	
	
}



@media only screen and (min-width: 1024px)
{
	
	


#mayy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9C6;
}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	
	overflow: auto;
	background-color: rgba(0,0,0,0.85);
	/* [disabled]background-image: url(file:///Macintosh%20HD/Applications/MAMP/htdocs/images/eyeglasser.png); */
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 98%;
	position: relative;
	/* [disabled]border-radius: 0px 10px 10px 0px; */
	height: auto;
	margin-top: 3%;
	margin-right: auto;
	margin-bottom: 5%;
	margin-left: auto;
	height: 650px;
}
}