.header {
	width: 100%;
	margin-bottom: 10px;
}

.row {
	float: middle;
	align-content: middle;
}

.sub-category-tiles
{
	margin: 0 auto;
}

.sub-category-tile {
	border: 1px solid #ddd;
	margin-bottom: 12px;
	text-align: center;
	justify-content: center;
	display: inline-block;
	width: 25%;
	height: 100px;
	padding-top: 10px;
}

.img-responsive {
    display: block;
    width: 100%;
    height: auto;
    margin: 0px auto 10px auto;
    padding: 10px 0 0 0;
}

.sub-category-tile img {
	opacity:0.6;
}

/*------------------------------------------------------
KIDS
------------------------------------------------------*/

.kids {
	width: 13.5% !important;
}

/*------------------------------------------------------
TEXT
------------------------------------------------------*/

.text {
	align-self: center;
}

.sub-category-tile h2 {
	font: 500 1em/1.2em Helvetica;
	z-index: 10;
	color: #444;
}

.sub-category-tile h3 {
	font: 300 0.8em/1.2em Helvetica;
	color: #444;
}

.sub-category-tile a {
	text-decoration: none;
}


/*------------------------------------------------------
HOVER
------------------------------------------------------*/

div.sub-category-tile:hover { 
	background-color: #ddd;
}
	
div.sub-category-tile:hover h2 { 
	color: #000; 
	font-weight: bold; 
}

/*------------------------------------------------------
SELECTED
------------------------------------------------------*/

.selected {
	background-color: #eee;
}

.selected h2 {
	font-weight: 600;
}

.selected h3 {
	opacity: 0;
}

.selected h3 {
	
}


/*------------------------------------------------------
BREAKPOINTS
------------------------------------------------------*/

@media (max-width: 960px)
{

	.sub-category-tile {
		margin-bottom: 8px;
		width: 30%;
	}
	
	.sub-category-tile h2 {
		font-size: 0.9em;
	}
	
	.sub-category-tile h3 {
		font-size: 0.8em;
	}
	
	.img-responsive {
	    margin: 5px auto 5px auto;
	}
	
	.kids {
		width: 24% !important;
	}

}

@media (max-width: 480px)
{

	.sub-category-tile {
		margin-bottom: 5px;
		width: 30%;
	}
	
	.sub-category-tile h2 {
		font-size: 0.8em;
	}
	
	.sub-category-tile h3 {
		font-size: 0.6em;
	}
	
	.kids {
		width: 30% !important;
	}

}