.modalDialog {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        z-index: 16777271;
        opacity:0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    }

    .modalDialog:target {
        opacity:1;
        pointer-events: auto;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.5s 0s, transform 0.5s;
    }

    .modalDialog > div {
		position:relative;
		float:left;
        width: 80%;
		height:auto;
        position: relative;
        margin: 10% 8% 0 8%;
        padding: 5px 2% 13px 2%;
        border-radius: 10px;
		border: solid 2px #2CAAE2;
        background: #fff;
    }

    .close {
        background: #2CAAE2;
        color: #fff;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -10px;
        width: 30px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
    }

    .close:hover { background: #2CAAE2; 
        color: #fff; }

@media screen and (max-width: 1500px) {	
.modalDialog {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        z-index: 16777271;
        opacity:0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	overflow:auto;
}
	
.modalDialog > div {
		position:relative;
		float:left;
        width: 90%;
		height:auto;
        margin: 2% 5% 0 5%;
        padding: 5px 2% 20px 2%;
        border-radius: 10px;
        background: #fff;
    }
}	

@media screen and (max-width: 850px) {
	.modalDialog {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        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;
    transform: scale(1.0);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    }
	.modalDialog > div {
		position:relative;
		float:left;
        width: 80%;
		height:auto;
        margin: 10% 8% 0 8%;
        padding: 5px 2% 20px 2%;
        border-radius: 10px;
        background: #fff;
    }
}