body {
	display: grid;
	grid-template:
		"navbar"
		"body"
		"foliolist"
		"foliolistfootspace"
		"footer" !important;
	gap: 0;
	grid-template-rows: auto 1fr auto auto auto;
}

#bodycontainer {
	grid-area: body;
}

#topnavbar {
	grid-area: navbar;
}

#pagefooter {
    grid-area: footer;
}

.foliolist {
	grid-area: foliolist;
}

#foliolistfootspace {
	grid-area: foliolistfootspace;
}

@media(max-width: 1260px) {
	.foliolist {
		grid-template-columns: auto auto;
		width: 800px;
	}
}

@media(max-width: 840px) {
	.foliolist {
		grid-template-columns: auto;
		width: 400px;

	}
}