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

#logo 	{
		font-size: 3em;
		}	
}

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

	/* two column layout */

	#primary 	{
 
		width: 54%;
		float: left;
				}
			
	#secondary 	{
	
		width: 38%;
		float: right;
		
				}
				
	#logo 	{
		font-size: 4em;
		}			
}

/* big screens */

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

#logo 	{
		font-size: 5em;
		}


} 



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

#logo 	{
		font-size: 6em;
		}

}