#article {padding: 0;font-size: 21px;overflow:hidden;height: 390px;}
#article h1 {font-weight: 200;margin: 40px 15px;font-size: 60px;letter-spacing: -1px;line-height: 1em;width:60%;position:relative;z-index:5;white-space: nowrap;}
#article h1 strong {display: block;font-weight: 700;font-size: 50px;}
#article img[src="/img/hero-color.png"] {position: absolute;right: 0;top: -40px;height: 535px;width: auto;}

img[src="/img/sd_emblem_wm_light.png"] {display: none;}

#workthumbs {position:relative;min-height: 300px;}
#workthumbs h2 {
	font-size: 42px;
	/*
	position: absolute;left: -40px;top: 40px;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	*/
}

#thumbs {padding: 0 15px;max-width: 475px;margin: 0;}
#thumbs li {
	float: left;height: 72px;width: 72px;list-style: none;border: 1px solid silver;margin: 0 15px 15px 0;
	border-radius:8px;-o-border-radius:8px;
	-moz-transition:all .25s ease;-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;-ms-transition:all .25s ease;
}
#thumbs li img {-o-border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
#thumbs li:hover {
	box-shadow:0px 2px 5px rgba(0,0,0,.5);
	-moz-transition:all .25s ease;-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;-ms-transition:all .25s ease;
}

#aside #thumbs {padding-left:0;}
#aside #thumbs li{float: left;height:48px;width: 48px;margin: 0 10px 10px 0;}
#aside #thumbs a {display: block;}

#footerFeatured img.right {margin: -.5em 0 0 0;}


@media only screen and (min-width: 770px) and (max-width:874px) {

}
@media only screen and (min-width: 601px) and (max-width:769px) {
	#article img[src="/img/hero.png"] {}
	#article h1 {}
	#article h1 strong {}
}
/* Small Screen */
@media only screen and (max-width: 600px) { 
	#article img[src="/img/hero-color.png"] {display: none;}
	#article {height:auto;}
	#article h1 {font-size:40px;padding:.7em 0 .3em 0;margin: 0 auto;position: relative;z-index: 1;width: 78%;}
	#article h1 strong {font-size:33px;}
	#article h2 {
		-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);
		filter: none;margin:.5em auto;position: static;font-size: 25px;width: 78%;margin:.5em auto;
	}
	#workthumbs {overflow: hidden;}
	#thumbs {
		margin: .5em auto;width: 80%;float: none;position: relative;left: auto;top: auto;
	}
	#thumbs li {margin: 5px;float: none;display: inline-block;}
}