/* ----------------------------
layout
---------------------------- */
body {
	margin: 0 auto;
	max-width: 1600px;
}
/* row */
.row
{
	clear: both;
	overflow: hidden;
	
}

/* row-colors */
.row--white { background: #fff; }
.row--grey { background: #f8f8f8; }
.row--blue { background: #3bb2d0; }
.row--beige {background: #e2e492;}
.row--brick {background: #960000;}

/* row-padding */
.row--padding-medium
{
	padding-top: 1em;
	padding-bottom: 1em;
	/* 35px/16px */
}

.row--padding-wide
{
	padding-top: 1em;
	padding-bottom: 1em;
	/* 35px/16px */
}

/* containers */
.container-narrow,
.container-medium,
.container-wide
{
	margin: 0 auto;
	padding: 0;
}

.container-narrow { max-width: 34em; }
.container-medium { max-width: 62em; }
.container-wide { max-width: 100%; }


/* columns */
.col-narrow,
.col-narrow--right { padding-bottom: 0em;
 }

/* ----------------------------
wide
---------------------------- */

@media (min-width: 38em)
{
		
	.col-narrow,
	.col-medium,
	.col-wide { float: left;}
	.col-narrow--right,
	.col-wide--right { float: right
	 }
	
	.col-100 {
	width: 100%;
	}
	
	.col-wide,
	.col-wide--right { width: 79%; }
	
	.col-medium { width: 60%;
	 }
	
	.col-narrow
	{	width: 21%;
		margin-bottom: 0;
		border: 0px solid green;
	}
	.col-narrow--right {
		width: 19%;
	}
}