I am having trouble centering the iframe image and also getting the border around the iframe to fit properly with responsive.
Adding col-sm-offset-1 to the <div> that contains the <iframe> to center it. However it won’t center at medium screens because col-md-9 has an odd value (it’s offset by 1 grid unit, then occupy 9 grid units, and left with 2 grid units at the right side). I’d just remove the col-md-9, or replace it with and even value then add col-md-offset-[value].
As for the borders I have no idea how to fix them 
Thank you kevcomedia! I searched for hours trying to figure out centering of the iframe.