body {
}

.navpanel-panelcontainer {
	display: grid;
	grid-template-areas: "header header" "nav content" "footer footer";
	grid-template-columns: 250px 1fr;
	grid-template-rows: auto 1fr auto;
	grid-gap: 5px;
	min-height: 100%;
}

.navpanel-header {
	grid-area: header;
}

.navpanel-nav {
	grid-area: nav;
	margin-left: 0.5rem;
}

.navpanel-content {
	grid-area: content;
}

.navpanel-footer {
	grid-area: footer;
}

@media only screen and (max-width:1210px) {
	.navpanel-panelcontainer {
		display: grid;
		grid-template-areas: "header" "content" "footer";
		grid-template-columns: 1fr;
		grid-template-rows: auto 1fr auto;
		grid-gap: 5px;
		min-height: 100%;
	}

	.navpanel-nav {
		display: none;
	}
}