* {
	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;
}