custom css changes for an embed iframe

Hey all! Hope this find you well.

I have an emded google map via the iframe source they give you. I am looking to center align it on the "details" section of this site - http://satx.wpengine.com/, but using the following .... (i added align="center" to the iframe)

<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3475.0877545092208!2d-98.4934736!3d29.426231500000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x865c5f53ace83499%3A0x9584ae946a1e0d61!2sGeekdom!5e0!3m2!1sen!2sus!4v1441290679333" width="600" height="450" align="center" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

It did not work. I even just tried using the built in wordpress "align center" via the visual editor, but still no luck. I am assuming I just need to use some CSS to make this change or am I missing something obvious here. I have a the custom CSS plugin so I can jsut add something to that but my css skills ( and wordpress skill sin general =) ) are not very strong, haha.

Thanks guys!