/* 767px
--------------------------------------------------------------------------- */

@media only screen and (max-width: 767px)
{
	#logo img
	{
		max-width: 75%;
		height: auto;
	}
	
	nav a,
	nav a:visited { padding: 0.5em 0.5em; }
}

/* 480px
--------------------------------------------------------------------------- */

@media only screen and (max-width: 480px)
{
	#main { margin: 40px 5px 20px 5px; }
}

/* 320px
--------------------------------------------------------------------------- */

@media only screen and (max-width: 320px)
{
	nav
	{
		font-size: 18px;
		line-height: 2em;
	}
	
	nav li { display: block; }
}