.wrapper {
	margin: 0 auto;
	width: 960px;
}
.transition {
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
}
.wrapper {
	height: 100%;
}
.grid-debugger .shown {
	opacity: 1;
	height: 100%;
}
.four-cols, .six-cols {
	z-index: 500000;
	position: fixed;
	top: 0;
	height: 0;
	left: 0;
	right: 0;
	opacity: 0;
}
.cols, .gutter, .margin {
	float: left;
	height: 100%;
}
.four-cols .cols {
	width: 215px;
	background: rgba(255,0,0,0.4);
}
.four-cols .margin {
	width: 20px;
	background: rgba(0,255,0,0.4);
}
.four-cols .gutter {
	width: 20px;
	background: rgba(0,0,255,0.4);
}
.six-cols .cols {
	width: 145px;
	background: rgba(255,0,0,0.4);
}
.six-cols .margin {
	width: 10px;
	background: rgba(0,255,0,0.4);
}
.six-cols .gutter {
	width: 20px;
	background: rgba(0,0,255,0.4);
}