Center my Contact Page Form, Text & Image

[hellomedia]

Hello! I am trying to center all of the elements within my contact page! From the heading, to the image, to the text and the actual form. I would like everything right in the center. I am using a purchased theme (https://themes.shopify.com/themes/masonry/styles/dragonfly/preview), and I've tried a few different code options, but no luck! 
Any help is appreciated! 

https://jp-doodles.myshopify.com/

[Zworthkey]

we are happly to help you

Thank you

[Zworthkey]

Pls provide me proper description where do you want changes

pls mark that section.

thank you

[hellomedia]

I want everything on the contact us page to be in the center. I'm sorry, I'm not if that's what you're asking.

[Zworthkey]

ok let me check

[Zworthkey]

[Zworthkey]

Footer Section do you want it center alignment

[hellomedia]

Yes, please!

[Zworthkey]

#footer .inner {
    margin-left: 200px;
}

Add these code to theme.scss