h1{
text-align:center;
}
#mask {
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
z-index:19000;
background-color:#26262c;
display:none;
overflow: auto;
opacity: 0.4;
}
#boxes .window {
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
display:none;
z-index:19999;
text-align: center;
}
#boxes #dialog {
width: 100%;
margin: 0 auto;
height:auto;
display: none;
}
#video_player {
width: 100%;
max-height: 100%;
}
#boxes .close{
position:fixed;
top:1rem;
right:1rem;
z-index:1001;
overflow:visible;
}


@media screen and (max-width: 1500px) {
#boxes #dialog {
width: 80%;
}
}
@media screen and (max-width: 720px) {
#video_player {
position: fixed;
width:90%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}