/* WIDTH TESTS */
/* WidthHelp
   * http://css-tricks.com/css-media-queries/ 
  */

  
bo/dy .container:only-child {
	border:2px dotted cyan;
	
}

b/ody .container:first-of-type {
	border:2px dotted cyan;
	
}

/* when agent is  under 500px */  
@media (min-width: 500px){
	.home,
	body > .container {
		m/argin: 0;
		wi/dth: auto;
		padd/ing: 0 10px;
		ba/ckground-color:red;
		heig/ht:auto;
		over/flow:hidden;
		
		background-color:red;
	}	
	#branding {		
		back/ground-color:teal;
		width: auto;
	}
}

#page {
	border:2px dotted yellow;
}