/**
	MW COLS
**/

/** HOLY GRID **/

.mw-cols {
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}


.container .mw-cols,
.container .container { padding: 0;}

.mw-cols > div {
	float: left;
	padding-right: 2em;
}

.mw-cols > div:last-child {
	padding-right: 0;
}

.mw-cols:after {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	content: ' ';
}

.teaser-sec .mw-cols { max-width: none; padding: 0; }


.mw-cols-4 > div {width: 25%; }

.mw-cols-1-1-1 > div { width: 33%; }

.mw-cols-1-2 > div { width: 35%; }
.mw-cols-1-2 > div + div { width: 65%; }

.mw-cols-2-1 > div { width: 65%; }
.mw-cols-2-1 > div + div { width: 25%; }

.mw-cols-1-1 > div { width: 50%; padding-right: 5%;}

.mw-cols-4 > div { width: 25%; }


.mw-table .mw-cols {
	display: table;
	width: 100%;
	margin-bottom: 0;
}

.mw-table .mw-cols > div {
	display: table-cell;
	float: none;
}



@media (max-width: 1024px) {

	.container, .mw-cols { padding: 0 20px; }

}


@media (max-width: 800px) {

	.container { padding: 0 25px; }

	.mw-table > .mw-cols > div {
		display: block;
	}

}

@media (max-width: 760px) {

	.mw-cols > div,
	.mw-cols-4 > div,
	.mw-cols-1-1-1 > div,
	.mw-cols-2-1 > div,
	.mw-cols-2-1 > div + div,
	.mw-cols-1-2 > div,
	.mw-cols-1-2 > div + div,
	.mw-cols-1-1 > div {
		width: 100%;
		float: none;
		margin-bottom: 1%;
	}

	.mw-table .mw-cols > div {
		display: block;
		float: none;
		width: 100%;
	}

	.container,
	.mw-cols { padding: 0 10px; }

}