/* #Base 1200 Grid
================================================== */

.container	{position: relative; width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.container--small {max-width: 792px;}

.column,
.columns	{ width: 100%; float: left; box-sizing: border-box; }

.flex-box {display: flex; flex-wrap: wrap;}
.col-2, .col-3, .col-4, .col-5, .col-6 {width: 100%;}

@media (min-width: 400px) {
}

/* For devices larger than 550px */
@media (min-width: 750px) {
	.container .one-fourth	{width:23.5%;}
	.container .one-third	{width:32%;}
	.container .two-thirds	{width:66%;}
	.container .one-half	{width:49%;}
	.container .column		{float:left;margin-right:2%;}
	.container .column.last	{float:right;margin-right:0;}
}

@media (min-width: 1000px) {
	.col-4 {width: calc(33.33% - 34px);}
	.col-8 {width: calc(66.66% - 16px);}
	.col-6 {width: calc(50% - 25px);}
}