.grid
	padding: 0 1.5em 1.5em 0
	letter-spacing: -4px

.module
	display: inline-block
	letter-spacing: normal
	vertical-align: top
	width: 25%
	padding: 0 0 1.5em 1.5em
	-moz-box-sizing: border-box
	box-sizing: border-box

// at 960px when 4 columns really starts to break
@media (max-width: 60em)
	.module
		width: 50%
	.task-column
		max-height: 18em
		overflow-y: scroll

// at 600px when 2col starts breaking
@media (max-width: 37.5em)
	.grid
		padding-right: 0
	.module
		width: 100%
		padding-left: 0
		.task-column
			max-height: none
			overflow: visible