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

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

	nav ul
	{
		padding-top:110px;
	}
	nav ul li 
	{ 
		display:inline-block;
		font-weight:bold;
		font-size:14px;
	}
	.iconnav
	{
		height:0px;
		width:10px;
	}

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

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