@media screen and (max-width: 478px) 	{
	h1 { font-size: 24px; padding: 1px; }
	h2 { font-size: 13px; padding: 1px; }
	body { font-size: 13px; }
}

@media screen and (max-width: 740px) 	{
	.left-col { width: 100%; }
	.sidebar { width: 100%; }
}

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

nav {margin:4px}
nav a {padding: 4px}
}



img {
	max-width: 100%;
	height: auto;
	width: auto; /* ie8 */
}

img.noaa { height:64px; width:64px; }

div.chartwrap img
{
    height: 200px;
    width: 320px;
    vertical-align:middle;
}