Responsive Not Working Properly

>>> Please note I donated a cookie!

We are having trouble getting a video to behave responsively at this address:http://restore.rockriverdev3.com/have-you-ever-had-a-lawrence-of-arabia-moment/

I’ve stripped out all of our styles except for the bootstrap classes. I can see the responsive class applied via the media settings. If you toggle to a smaller screen you will see that the video in the embedded iframe never gets enough smaller and this doesn’t allow the overall page to behave responsively.

We have tried wrapping the iframe in our own ratio classes additionally, but this just makes the video preview disappear. We just can’t seem to find the right combination of things to make this work.

This is what we have on the backend:

div class=”col-xs-12″>
<div>
<?php if ( has_post_video() ): ?>
<?php the_post_video(‘full’); ?>
<?php elseif ( has_post_thumbnail() ) : ?>
“/>
<?php endif; ?>
</div> <!– end hero container –>
</div>

Thanks!

The page I need help with: [log in to see the link]