div.cols {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: -20px;
}

div.cols > div.col, 
div.cols > div.col-span {
	padding-left: 20px;
}

div.cols > div.col {
	flex: 1 1 auto;
}

div.cols > div.col-span {
	flex: 2 2 auto;
}

.cols-1 .col { width: 100%; }
.cols-2 .col { width: 50%; }
.cols-3 .col { width: 33.333333%; }
.cols-4 .col { width: 25%; }
.cols-3 .col-span { width: 66.666666%; }
.cols-4 .col-span { width: 50%; }
.cols-4 .col-spans { width: 75% }



body.handheld div.cols {
	flex-wrap: wrap;
}

body.handheld div.cols > div.col,
body.handheld div.cols > div.col-span {
	width: 100%;
}