#advertisement_overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.3; z-index: 15000; cursor: pointer; }
#advertisement_popup { position: fixed; top: 50%; left: 50%; margin-left: -300px; margin-top: -400px; width: 570px; height: 800px; background: white; z-index: 15001; padding: 20px; }
#advertisement_popup_content {
    position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; overflow: hidden; text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;
}
#advertisement_popup_content a { display: block; width: 100%; }
#advertisement_popup_content img { width: 100%; }
#advertisement_popup_closer { position: absolute; width: 15px; height: 15px; top: -18px; right: -18px; padding: 10px; font-size: 20px; line-height: 15px; text-align: center; text-decoration: none; border: 1px solid gray; background: url(../images/popup/close.gif) no-repeat center white; border-radius: 100%; }

@media screen and (max-width: 755px) {
    #advertisement_popup {
        position: fixed; top: 50px; left: 50px; right: 50px;
        margin-left: 0; margin-right: 0; margin-top: 0; width: auto; height: auto;
    }
    #advertisement_popup_content { position: static; top: 10px; left: 10px; right: 10px; bottom: 10px; overflow: visible; }
}