.column-group {
	width: 100%;
	overflow: hidden;
}

.column {
	float: left;
	margin-right: 5%;
	width: 100%;
}

.column-group > br,
.column-group > p {
	display: none;
}

.column.last {
	margin-right: 0;
}

.columns-2 .column { width: 47.5%; } /* ( 100 - $margin * ( $num_cols - 1 ) ) / $num_cols */
.columns-3 .column { width: 30%; }
.columns-4 .column { width: 21.25%; }

.columns-3 .column-span-2 { width: 65%; } /* $width * $span + $margin * ( $span - 1 ) */
.columns-4 .column-span-2 { width: 47.5%; }
.columns-4 .column-span-3 { width: 73.75%; }

/* CLS HACK - GO FULL WIDTH AT LESS THAN 480 PIXELS */
/* Adapted from http://www.responsivegridsystem.com/ */

@media only screen and (max-width: 480px) {
	.column { margin: 1% 0 1% 0%;} 
	.columns-2 .column, .columns-3 .column, .columns-4 .column, .columns-3 .column-span-2, .columns-4 .column-span-2, .columns-4 .column-span-3 { width: 100%; }
}