IMG { max-width: 100%; }
HEADER { background-size: 50%; }
HEADER NAV { float: none; margin: 0 10px; }
ARTICLE { margin: 0 10px; }
ARTICLE UL, ARTICLE OL { margin-left: 12px; }
.thumbnail { height: auto; width: 100%; margin: 0 0 5px 0; background: none; padding: 0; }
.toolbox { display: none; }
.portfoliodetail .container { width: 100%; margin: 10px auto;	}
.portfoliodetail .innercontainer { overflow: auto; }
.portfoliodetail .title { font-size: 110%; }

/* Media queries!
-------------------------------------------------------------------------------*/

@media (max-width: 320px) {
	/* iPhone portrait */
}
@media (min-width: 321px) and (max-width: 480px) {
	/* iPhone landscape */
	ARTICLE, FOOTER { font-size: 70%; }
}

@media (min-width: 481px) and (max-width: 640px) {
	/* Larger phone */
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}