.tiles {
	margin-left: -(@gutter * 2);
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}

.tile {
	position: relative;
	flex: 1 0 @column-1-6;
	margin-left: (@gutter * 2);
	margin-bottom: (@gutter * 2);
	width: 100%;
	min-width: 200px;
	max-width: 240px;
	background: @white;
	border: 1px solid @light-grey;
	box-shadow: 0px 1px 5px fade(@black, 3.5%);
}

.tile-header {
	display: flex;
	align-items: center;
	padding: @padding-xsmall;
}

.tile-footer {
	display: flex;
	align-items: center;
	padding: @padding-xsmall;
	border-top: 1px solid @light-grey;
}

.tile-title {
	margin: 0;
	line-height: @button-small-height;
}