div.popup-page { display:none; z-index:77; position:absolute; top:0; left:0; width:100% }
div.popup-page div.container { position:absolute; top:50%; left:50%; box-shadow:0px 3px 10px rgba(0,0,0,0.2); border-radius:5px }
div.popup-page div.content { height:100%; padding:50px; background:#fff; border-radius:10px }
div.popup-page div.content > *:first-child { margin-top:0 }
div.popup-page div.content ul { padding-left:1.2em; list-style:disc }

div.popup-page .aClose { transition:0.25s; z-index:10; cursor:hand; cursor:pointer; width:2em; height:2em; top:1em; right:1em; position:absolute; }
div.popup-page .aClose:before,
div.popup-page .aClose:after { content:''; z-index:10; top:1em; right:0.5em; width:20px; height:1px; background:#000; position:absolute; }
div.popup-page .aClose:before { transform:rotate(45deg) }
div.popup-page .aClose:after { transform:rotate(-45deg) }
div.popup-page .aClose:hover { transform:scale(1.5) }


@media screen and (max-width:500px)
{
   div.popup-page div.content { padding:30px }      
}