Content centering

VIDEO: How to add Content Sections in Act Theme

Add one of the following classes to full-width modules or groups, to center your content in the page:

`centered`	A centered wrapper, that uses your default content width.
`centered-small`	A centered wrapper having a smaller width.
`centered-smaller`	A narrow centered wrapper.
`centered-300`	A centered wrapper, that has an inner width of 300px.
`centered-400`	A centered wrapper, that has an inner width of 400px.
`centered-500`	A centered wrapper, that has an inner width of 500px.
`centered-600`	A centered wrapper, that has an inner width of 600px.
`centered-700`	A centered wrapper, that has an inner width of 700px.
`centered-800`	A centered wrapper, that has an inner width of 800px.
`centered-900`	A centered wrapper, that has an inner width of 900px.
`centered-1000`	A centered wrapper, that has an inner width of 1000px.
`centered-1100`	A centered wrapper, that has an inner width of 1100px.
`centered-1200`	A centered wrapper, that has an inner width of 1200px.
`centered-1300`	A centered wrapper, that has an inner width of 1300px.
`centered-1400`	A centered wrapper, that has an inner width of 1400px.
`centered-1500`	A centered wrapper, that has an inner width of 1500px.
`centered-1600`	A centered wrapper, that has an inner width of 1600px.

Note: For the best results, please don't include a Centered element inside another, unless you remove its left and right padding. For better readibility on smaller screens, the centered wrapper has a small padding on the left and right sides.