/* -----------------------------------------------------------------------
	860
-----------------------------------------------------------------------*/

@media screen and (max-width: 670px) {

	#wrapper { width: 100%; *width: 97%; max-width: 670px; margin: 0 auto; }
}




/* -----------------------------------------------------------------------
531
-----------------------------------------------------------------------*/
@media only screen and (max-width: 530px) {



#navigation  { margin-top: 0px;}
nav li { margin: 4px 15px 0px 0;}
header { background-color: #d40046;   }
#headtext { display: none}
#background { display: none}
#navigation  {padding: 10px 20px;}
main  {	padding: 40px 20px;}
footer {padding: 0 20px 20px 20px;}
}	
	





/* -----------------------------------------------------------------------
	320
----------------------------------------------------------------------- */
@media only screen and (max-width: 360px) {
	html { -webkit-text-size-adjust: none; }
	#wrapper { width: 100%; min-width: 100%;}
	#logo { width: 100px; }
	
	.nobr {
	white-space:nowrap;


-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;

}	
	
}