How to change .container, from Full Width to center (inside box)

[cmx]

Hello gurus and friend

 

 

I am using PS 1.609 default template, theme7.css

 

 

As attached image:

- at top: it is my current screen capture

- at bottom: the layout that I want to achieve

 

So how to change .container, from full width to center? And put it inside box.

I am also need to apply it on header and footer

 

I tried editing both at global.css and theme7.css, (bootsrap div row, col, media, container, etc) but found dead end.

 

 

Many thanks