Align title and content in the middle/center of page

Hi

Nice to be in touch with you again.

I’m trying to achieve that my post title, post meta, post content and tags to align nicely in the center of the page (or at least 200px from the left) and make sure that article is still responsive. The setting I’m using is stretched, 100% full width and want to keep it so.

The issue I’m facing now that post title, featured image and content stretch way too long from left to right which is neither a good reading practice nor aesthetic.

Ex: http://alliansens.com/emirates-30th-anniversary-strategy/

A good example of what I want to achieve can be found at the bottom of this article highlighted in green (this was using VC Full Height Hero template) but this mean the title still does not align nicely above the content!

I tried a few scenarios (including using VC template, or increasing the margins of those elements) non of them gave a satisfactory result. Because using the VC template would mean that the post title will not be included while using the margin method would mean that post will not be responsive.

Would there be away around this issue, a css snippet or a template which will take care of this?

I hope I made my challenge clear!

Hope to hear soon

Best regards,