.video_popup { display: none; position: fixed; z-index: 50000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); } .video_popup > div { position: relative; left: 50%; top: 50%; margin-left: -320px; margin-top: -265px; width: 640px; height: 505px; } .video_popup > div > button { float: right; margin: 0; padding: 0; width: 25px; height: 25px; border: none; background: url('/data/9b6bee4e-8a04-4a2e-8a6f-58c319c87893') transparent; cursor: pointer; } .video_popup > div > button:active, .video_popup > div > button:focus { outline: none; } .video_popup > div > video { clear: both; width: 640px; height: 480px; background-color: #000; } @media screen and (min-width: 820px) and (min-height: 650px) { .video_popup > div { margin-left: -400px; margin-top: -325px; width: 800px; height: 625px; } .video_popup > div > video { clear: both; width: 800px; height: 600px; } }