div#notification { position:absolute; width:100%; height:100%; top:0; left:0; margin:0; background-color:rgba(50, 50, 50, 0.7); z-index:500; display:none; }
div#notification div.noti { background:rgba(255,255,255,1); position:relative; width:90%; max-width:650px; height:auto; z-index:750; margin:50px auto; padding:1em; border-radius:10px; padding:0; }
div#notification div.noti h1, div#notification div.noti h3 { line-height:1.3em; }
div#notification div.noti_close { position:absolute; cursor:pointer; top:0; right:0; width:25px; height:25px; z-index:800; }

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}