body {
font-family: Arial;
font-size:14px;
}

.simplePopup {
display:none;
position:fixed;
border:2px solid #808080;
background:#fff;
z-index:3;
padding:12px;
width:80%;
min-width:80%;
padding-top:20px;
padding-left:60px;
padding-right:60px;
padding-bottom:60px;

}

.simplePopupClose {
float:right;
cursor:pointer;
margin-left:10px;
margin-bottom:10px; 
font-weight:bold;
padding:2px;
color: Gray;
font-size:26px;
}

.simplePopupClose:hover
{
    color:Red;
}

.simplePopupBackground {
display:none;
background:#000;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index:1;
}


@media (max-width:640px)
{
    .simplePopup 
    {
padding:10px;

}
}