//------------------------------------------------------------------------------------------------
// CONTAINER OBJECT
//------------------------------------------------------------------------------------------------

/*
Constrains the content within a max-width. Typically used with
o-layout and width utilities to form a 12 column grid system.
*/

/*
<div class="o-container">
	<div class="o-layout">
		<div class="o-layout__item u-6/12">CONTENT</div>
		<div class="o-layout__item u-6/12">CONTENT</div>
	</div>
</div>
*/


// BLOCK & ELEMENTS
//------------------------------------------------------------------------------------------------

.o-container {
	margin-right: auto;
	margin-left: auto;
	max-width: rem(1170px);
	padding-left: rem($gutter);
	padding-right: rem($gutter);
	width: 100%; 
}


// FLUID MODIFIER
//------------------------------------------------------------------------------------------------

/*
Makes container full width of the viewport
*/

.o-container--fluid {
	max-width: none;
}