body {
	margin: 0px !important;
	padding: 0px !important;
	display: grid !important;
	grid-template-rows: auto 1fr auto !important;
	min-height: 100vh !important;
}

header.navbar	{grid-row: 1 / 2;}
.navbody	{grid-row: 2 / 3;}
footer.navbar	{grid-row: 3 / 4;}

.navbar {
	display: flex;
	height: 24px;
	background: #444;
	color: #eee;
	font-size: 12px;
	font-family: verdana, sans-serif;
	padding: 0px;
	margin: 0px;
	border-bottom: 2px solid #000;
}

.navbarinfo,
.navbarad,
.navbarmenu {
	flex-grow: 1;
	text-align: right;
	line-height: 11px;
}

.navbarmenu {
	order: -1;
	text-align: left;
	font-size: 12px;
}

.navbarinfo {
	padding-right: 6px;
}

footer.navbar {
	border: none;
	border-top: 2px solid #000;
}

.navbar a		{text-decoration: none; font-weight: bold;}
.navbar a:link		{color: #bdd;}
.navbar a:visited	{color: #bdd;}
.navbar a:focus,
.navbar a:hover		{text-decoration: none; color: #fff;}

.navbarlogo		{white-space: nowrap;}
.navbarlogo img		{vertical-align: middle;}
.navbarzpi		{color: #eee; font-size: 20px; position: relative; top: 4px; margin-right: 4px;}
.navbarzpi i		{font-family: georgia, serif;}
.navbarlinks		{position: relative; top: 2px;}

footer .navbarinfo	{align-self: center;}
.navbar b		{font-weight: bold; color: #888;}
header .navbarinfo b	{color: #eee;}


.skip-nav a {
	color: #fff !important;
	text-decoration: none !important;
	background-color: #000 !important;
	text-align: center;
	position: absolute;
	z-index: 100;
	padding: 0.5rem 1rem;
	border: #bdd 5px solid;
	border-radius: 0.5rem;
	transform: translateY(-500%);
	transition: transform 300ms ease-in;
}
.skip-nav a:focus	{transform: translateY(0%);}


@media screen and (max-width:1000px) and (orientation: portrait)
{
.navbar			{font-size: 2rem; height: 3rem;}
header.navbar		{border-bottom-width: .3rem;}
footer.navbar		{border-top-width: .3rem;}
.navbar i		{font-size: .8em}
.navbarzpi		{font-size: 2rem; line-height: 2rem;}
.navbarmenu		{font-size: 2rem; line-height: 3rem;}
footer .navbarlogo	{margin-right:1rem;}
.navbarlogo img		{height: 3rem; width: auto; vertical-align: top;}
.navbarlinks		{font-size: .8em;}
.navbarinfo,
.navbarad		{display: none;}
.navmenu,
footer .navbarinfo	{display: block; line-height: 1.4rem; height: 3rem;}
.navbarinfo		{font-size: 1rem;}
}