Need Modal Popup to Center

[toad78]

I’m running into an issue with the modal not being centered on this page (click the Watch Video button):

How can center the player top to bottom on the page. Right now it goes straight to the top of the web page.

[toad78]

I modified the Bootstrap’s behavior:

.modal-dialog {
width: 100%;
height: 100%;
}

.modal-content {
display: table;
height: 100%
}

.modal-body {
display: table-cell;
vertical-align: middle
}