white space at the very bottom of my page

Hi there,

It's coming this CSS you've added:

iframe{
    height:66.1vh;
    vertical-align: middle;
}

The height extends beyond the bottom of the page.

Thanks for that, can you think of what css I could add to balance that? I would like to keep the css on the iframe

Not sure why it was needed in the first place?

Maybe try height: 100%;?

Thanks, but I need the height to be about 66&% of the screen height thats why I used height:66.1vh;
Any other suggestions?

Sorry just want to make sure. The CSS is supposed to be for this element?
https://s2.postimg.org/4jqp2kbhl/iframe.png