#categories:after {
	content:"";
	display:table;
	clear:both;
}
#content {
	position:absolute;
	top:0;
	right:0;
	height:100%;
}
.category {
	float:left;
	width:33.333%;
	height:100%;
}
.category-thumb {
	display:block;
	height:45%;
	position:relative;
}
.category-thumb img {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	margin:auto;
	max-width:100%; max-height:100%;
}
.category:nth-child(3n+1) .category-thumb { background-color:#EFF1F3; }
.category:nth-child(3n+2) .category-thumb { background-color:#E9EBEC; }
.category:nth-child(3n+3) .category-thumb { background-color:#F3F4F5; }
.category:hover .category-thumb {
	background-color:#FFF;
}

.category-info {
	color:white;
	height:55%;
	text-align:center;
	box-sizing:border-box;
	padding:7% 7%;
}
.category:nth-child(3n+1) .category-info { background-color:#5F7A87; }
.category:nth-child(3n+2) .category-info { background-color:#293B47; }
.category:nth-child(3n+3) .category-info { background-color:#00ADA9; }

.category-title {
	display:block;
	width:100%;
	padding:0 17%;
	box-sizing:border-box;
	font: normal 300 40px/100% "GaramondPremrPro";
	min-height:90px;
}
.category-description {
	font: normal 300 12px/140% "GothamRnd";
	min-height:120px;
	margin-bottom:6%;
}
.category-product {
	display:inline-block;
	border:1px solid currentColor;
	text-transform: uppercase;
	padding:1%;
	margin:1%;
	min-width:30%;
	font: normal 300 11px/140% "GothamRnd";
}

/* BIG MONITORS */
@media all and (min-width: 1599px) {
	.category-info {
		padding:10.9% 12%;
	}
	.category-title {
		padding:0 20%;
		font: normal 300 62px/100% "GaramondPremrPro";
		min-height:160px;
	}
	.category-description {
		font: normal 300 15px/140% "GothamRnd";
		min-height:160px;
	}
	.category-product {
		display:inline-block;
		border:1px solid currentColor;
		text-transform: uppercase;
		padding:1%;
		box-sizing:border-box;
		margin:1.2%;
		min-width:30%;
		font: normal 300 13px/140% "GothamRnd";
	}
}

/* PORTRAIT TABLET AND BELOW */
@media all and (max-width:1000px) {
	.category {
		width:initial; height:initial;

		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.category:nth-child(even) .category-thumb {
		-webkit-order:2;
		order:2;
	}
	.category-description {
		min-height:initial;
	}
	.category-info {
		padding:5%;
	}
}

/* PORTRAIT TABLET */
@media all and (min-width:601px) and (max-width: 1000px) {
	.category-thumb, .category-info {
		width:50%;
		height:initial;
	}

}

/* ALL MOBILE */
@media all and (max-width: 600px) {
	.category-title {
		padding:0;
		font-size:30px;
		min-height:initial;
		margin-bottom:4%;
	}
}

/* LANDSCAPE MOBILE */
@media all and (min-width:421px) and (max-width: 600px) {
	.category-thumb, .category-info {
		width:50%;
		height:initial;
	}
}

/* PORTRAIT MOBILE */
@media all and (max-width: 420px) {
	.category-thumb {
		display:none;
	}
	.category-info {
		width:100%;
		height:initial;
	}
}