/* --- Styles for very small screens (320 and less than 500) --- */

@media (min-width:319px) and (max-width:499px)
{
	h1
	{
		font-weight:bold;
		font-size:16px;
		opacity:0.5;
	}
	h2
	{
		font-weight:bold;
		font-size:14px;
		opacity:0.4;
	}

	nav ul
	{
		padding-top:105px;
	}
	nav ul li 
	{ 
		display:block;
		font-weight:bold;
		font-size:12px;
		padding-bottom:4px;
	}
	.iconnav
	{
		height:0px;
		width:10px;
	}

	section.redmenuentry ul
	{
		padding-left:0px;
	}
	section.redmenuentry ul li 
	{
		font-size:14px;
	}

	div.highlightcontainer ul li
	{
		font-size:14px;
		width:150px;
	}
}