@media (max-height: 600px)
{
/*	body.fixed #footer { display: none; }
	body.fixed #content { height: calc(100% - 48px); }
	body.fixed #content.director { height: calc(100% - 96px); }
	body.fixed #director { top: calc(100% - 48px); }*/
}

@media (max-height: 400px)
{
	body.fixed #header { height: 24px; }
	body.fixed #header h1 { padding: 2px 10px; font-size: 16px; }
	body.fixed #header #menu li a { padding: 4px 10px; font-size: 12px; }
	body.fixed #content { top: 24px; height: calc(100% - 24px); }
	body.fixed #content.director { height: calc(100% - 72px); }
}

@media (max-width: 640px)
{
	/*body.fixed #header { height: 54px; }*/
	body.fixed #header h1 { font-size: 16px; padding: 2px 10px; }
	body.fixed #header #menu { display: block; position: absolute; top: 24px; left: 0; width: 100%; height: 24px; 
		background: rgba(0, 0, 0, 0.4); color: white; }
	body.fixed #header #menu li a { font-size: 12px; padding: 6px 10px; border-left: none; border-right: 1px solid rgba(255, 255, 255, 0.3); }
/*	body.fixed #content { top: 54px; height: calc(100% - 54px); }*/
}