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

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

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

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

@include mq(md) {
	.o-container {
		padding-left: rem($gutter);
		padding-right: rem($gutter);
	}
}


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

/*
Makes container full width of the viewport
*/

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