.container {
	position: relative;
	
	margin-left: auto;
	margin-right: auto;
}
/* clearfix hack */
.row:before, 
.row:after {
	content: "";
	display: table ;
	clear:both;
}

/* no glutter */
.no-glutter {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.no-glutter-left {
	padding-left: 0 !important;
}
.no-glutter-right {
	padding-right: 0 !important;
}

/* ---------------------------------------------------------- */
/* breakpoint definition - desktop */
@media (min-width: 1301px) {
	.container {
		max-width: 1920px;

		padding-left: 2%;
		padding-right: 2%;
	}

	.content-row {
		margin-left: -8px;
		margin-right: -8px;
	}

	.row {
		overflow: hidden;
	}
	
	.absolute-row {
		left: 8px;
		right: 8px;
	}
	
	/* change glutter */
	[class*='col-'] {
		float: left;

		min-height: 1px; 
		width: 8.3333333333333333333333333333333%; 

		padding-left: 8px;
		padding-right: 8px; 
	}

	/* columns */
	.col-0 {	display: none;															}
	.col-1 {	width: 8.3333333333333333333333333333333%;	}
	.col-2 {	width: 16.666666666666666666666666666667%;	}
	.col-3 {	width: 25%;	}
	.col-4 {	width: 33.333333333333333333333333333333%;	}
	.col-5 {	width: 41.666666666666666666666666666667%;	}
	.col-6 {	width: 50%;	}
	.col-7 {	width: 58.333333333333333333333333333333%;	}
	.col-8 {	width: 66.666666666666666666666666666666%;	}
	.col-9 {	width: 75%;	}
	.col-10 {	width: 83.333333333333333333333333333333%;	}
	.col-11 {	width: 91.666666666666666666666666666666%;	}
	.col-12 {	width: 100%;	}
}

/* breakpoint definition - desktop lowres */
@media (max-width: 1300px) and (min-width: 1008px) {
	.container {
		max-width: 1920px;

		padding-left: 10%;
		padding-right: 10%;
	}

	.content-row {
		margin-left: -8px;
		margin-right: -8px;
	}

	.absolute-row {
		left: 8px;
		right: 8px;
	}

	/* change glutter */
	[class*='col-'] {
		float: left;

		min-height: 1px; 
		width: 8.3333333333333333333333333333333%; 

		padding-left: 8px;
		padding-right: 8px; 
	}

	/* columns */
	.col-0 {	display: none;															}
	.col-1 {	width: 8.3333333333333333333333333333333%;	}
	.col-2 {	width: 16.666666666666666666666666666667%;	}
	.col-3 {	width: 25%;	}
	.col-4 {	width: 33.333333333333333333333333333333%;	}
	.col-5 {	width: 41.666666666666666666666666666667%;	}
	.col-6 {	width: 50%;	}
	.col-7 {	width: 58.333333333333333333333333333333%;	}
	.col-8 {	width: 66.666666666666666666666666666666%;	}
	.col-9 {	width: 75%;	}
	.col-10 {	width: 83.333333333333333333333333333333%;	}
	.col-11 {	width: 91.666666666666666666666666666666%;	}
	.col-12 {	width: 100%;	}

	/* change glutter */
	[class*='thcol-'] {
		float: left;

		min-height: 1px; 
		width: 16.666666666666666666666666666667%;	

		padding-left: 8px;
		padding-right: 8px; 
	}

	/* columns */
	.thcol-0 {	display: none;														}
	.thcol-1 {	display: block; width: 16.666666666666666666666666666667% !important;	}
	.thcol-2 {	display: block; width: 33.333333333333333333333333333333% !important;	}
	.thcol-3 {	display: block; width: 50% !important;	}
	.thcol-4 {	display: block; width: 66.666666666666666666666666666666% !important;	}
	.thcol-5 {	display: block; width: 83.333333333333333333333333333333% !important;	}
	.thcol-6 {	display: block; width: 100% !important;	}
}


/* breakpoint definition - tablet */
@media (max-width: 1007px) and (min-width: 600px) { 
	.container {
		width: 100%;

		padding-left: 5%;
		padding-right: 5%;
	}

	.content-row {
		margin-left: -16px;
		margin-right: -16px;
	}

	.absolute-row {
		left: 16px;
		right: 16px;
	}

	/* change glutter */
	[class*='tcol-'] {
		float: left;

		min-height: 1px; 
		width: 16.666666666666666666666666666667%;	

		padding-left: 16px;
		padding-right: 16px; 
	}

	/* columns */
	.tcol-0 {	display: none; 															}
	.tcol-1 {	width: 16.666666666666666666666666666667%;	}
	.tcol-2 {	width: 33.333333333333333333333333333333%;	}
	.tcol-3 {	width: 50%;	}
	.tcol-4 {	width: 66.666666666666666666666666666666%;	}
	.tcol-5 {	width: 83.333333333333333333333333333333%;	}
	.tcol-6 {	width: 100%;	}

	/* change glutter */
	[class*='mhcol-'] {
		float: left;4

		min-height: 1px; 
		width: 25%; 

		padding-left: 16px;
		padding-right: 16px; 
	}

	/* columns */
	.mhcol-0 {	display:none  					}
	.mhcol-1 {	display: block; width: 25% !important;	}
	.mhcol-2 {	display: block; width: 50% !important;	}
	.mhcol-3 {	display: block; width: 75% !important;	}
	.mhcol-4 {	display: block; width: 100% !important;	}
}

/* breakpoint definition - mobile */
@media (max-width: 599px) {
	.container {
		width: 100%;

		padding-left: 5%;
		padding-right: 5%;
	}

	.content-row {
		margin-left: -16px;
		margin-right: -16px;
	}

	.absolute-row {
		left: 0;
		right: 0;
	}

	/* change glutter */
	[class*='mcol-'] {
		float: left;

		min-height: 1px; 
		width: 25%; 

		padding-left: 16px;
		padding-right: 16px; 
	}

	/* columns */
	.mcol-0 {	display:none;		}
	.mcol-1 {	display: block; width: 25%;			}
	.mcol-2 {	display: block; width: 50%;			}
	.mcol-3 {	display: block; width: 75%;			}
	.mcol-4 {	display: block; width: 100%;		}
}

/* breakpoint definition - mobile extra small */
@media (max-width: 360px) {
	.container {
		padding-left: 2%;
		padding-right: 2%;
	}

	.content-row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.absolute-row {
		left: 0;
		right: 0;
	}

	/* change glutter */
	[class*='mcol-'] {
		padding-left: 10px;
		padding-right: 10px; 
	}
}