/*! PocketGrid 1.1.0, Copyright 2013 Arnaud Leray, MIT License */

/* Border-box-sizing */
.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix */
.block-group {
	*zoom: 1;
}
.block-group:before, .block-group:after {
	display: table;
	content: "";
	line-height: 0;
}
.block-group:after {
	clear: both;
}

.block-group {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* Nested grid */
.block-group > .block-group {
	clear: none;
	float: left;
	margin: 0 !important;
}

/* Default block */
.block {
	float: left;
	width: 100%;
}

/*! End PocketGrid 1.1.0 */

/* PocketGrid configuration ------------------------------ */

/* Padding */
.block-group { margin: -5px -5px; }
.block { padding: 5px 5px; }

/* Clear unequal height blocks */
.b33:nth-child(3n+1) {
    clear: left;
}

/* Smartphone version*/
	 /*No action: blocks are stacked by default.*/

/* Tablet version */
@media (min-width: 768px) {
	.b100 { width: 100%; }
	.b50 { width: 50%; }
	.b33 { width: 33%; }
	.b25 { width: 25%; }
	.b20 { width: 20%; }
	.b16 { width: 16%; }

}

/* Desktop version */
@media (min-width: 960px) {
	.b100 { width: 100%; }
	.b50 { width: 50%; }
	.b33 { width: 33%; }
	.b25 { width: 25%; }
	.b20 { width: 20%; }
	.b16 { width: 16%; }

}