* {
	box-sizing: border-box;
}
body {
	background-color: #FFF;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857;
}
.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.row {
	background: #FFF;
}
.row:before,
.row:after {
	content: "";
	display: table;
	clear: both;
}
.col-1 {
	width: 33.33%;
	float: left;
	min-height: 1px;
	padding: 10px;
}
.col-2 {
	width: 66.66%;
	float: left;
	min-height: 1px;
	padding: 10px;
}
.col-3 {
	width: 100%;
	float: left;
	min-height: 1px;
	padding: 10px;
}
@media all and (max-width: 800px) {
	.col-1 {
		width: 100%;
	}
	.col-2 {
		width: 100%;
	}
	.col-3 {
		width: 100%;
	}
}
.box {
	/*padding: 10px 20px;*/
	/*border: 1px solid #DDD;*/
}