/*
* @author: Chad
*/

section.generic
{
	float:left; clear:left;
	width:190px;
}

.breadcrumb
{
	display:none;
}

p.intro {
	font-size: 14px;
	margin: 0 0 20px 0;
}

section.overview ul > li ul.color-chips { 

}

section.overview ul > li ul.color-chips:after {
	clear: both;
	content: "";
	display: table;
}

section.overview ul > li ul.color-chips li { 
	min-height: auto;
	border: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.color-chip {
	width: 25px; height: 25px; 
	background-position: 0 -15px;
}

article.color-families aside {
	display: none;
}

/* Regular Desktop */

@media only screen and (min-width:1024px) {

}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px) {
	
	section.generic
	{
		width:160px;
	}
	section.overview > ul > li { 
		
	}
	section.overview > ul > li.tablet-col {
		width: 224px;
		min-height: 315px;
		float: left;
		margin-right: 12px;	
	}
	section.overview ul > li article {
		margin: 15px;
	}
	section.overview ul > li ul.color-chips li { 
		margin-right: 9px;
		margin-bottom: 9px;
	}
	section.overview ul > li a.thumbnail {
		position: static;
	}
	section.overview ul > li a.thumbnail img {
		width: 224px; height: auto;
	}

}

/* Mobile Portrait & Landscape */
@media only screen and (max-width:767px) {
	
	section.generic 
	{
		float:none;
		width:auto;
	}
	.hero.tertiary section.intro h3
	{
		width:auto;
	}
	.breadcrumb
	{
		display:block;
	}
	.template-2 #main > .row > .col > h2,
	section.overview ul > li ul.color-chips
	{
		display:none;
	}

	article.color-families aside {
		display: block;
	}

}