html, body {
	width: 100%;
	overflow-x: hidden;
	background:  white;
}
.site-header-overlay {
	position: static;
	width: auto;
	border-radius: 0;
	background: linear-gradient(to bottom, rgba(10, 45, 10, 0.85), rgba(10, 45, 10, 1));
	text-align: center;
	font-size: 1.2rem;
	padding: 0.8rem;
}

.header {
	height: 13vh;
	max-height: 
}

.header-menu {
	display: none;
}

.header-menu-wrapper {
    flex-grow: initial;
}
.header-menu-userbox{
	display:  list-item;
}
.header-menu-userbox .userbox{
	display: block;
	margin: 0;	
}

.header-mobile-menu {
	display: block;
	width: 2rem;
	height: 2rem;
	padding-right: 1.4rem;
}

.header-mobile-menu img {
	width: 2rem;
	height: 2rem;
}

.header-mobile-menu-popup {
	list-style-type: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100vw;
	background: white;
	max-height: 0rem;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 0;
	flex-wrap: wrap;
	overflow: hidden;
	transition: max-height 0.3s;
}

.header-mobile-menu-popup.open {
	max-height: 12rem;

}

.header-mobile-menu-popup li{
	margin: 0.8rem;
}

.header-menu-entry:hover div, .header-menu-entry li {
	color: #077248;
}

.header-menu-entry:hover:before {		
	all: unset;
}

.app-container:before {
	height: 13vh;
}

.no-crumb {
	margin-top: 13vh;
}

.bread-box {
	display: none;
}

.site, .site-group, .page {
	margin-top: 13vh;
}

.featured-item {
	font-size: 1.32rem;
	min-height: 2.4rem;
}

.links-container {
	margin-top: 0.6rem;
	margin-bottom: 0.6rem;
}

.nav-box {
	margin-top: 1rem;
	padding: 0;
}
.nav-link {
	width: 48vw;
	height: 36.4615vw;
	margin: 2vw;
}
.nav-link-container {
	margin-left: -2vw;
	margin-right: -2vw;
}

.nav-title {
	font-size: 1.4rem;
}

.nav-link-title-container {
	font-size: 1rem;
	padding: 0.2rem;
}
.main-footer {
	margin-bottom: 7vh;
	text-align: center;
}

.topic-list {
	width: 100vw;
}
.topic-image {
	flex: none;
	max-width: 48vw;
	max-height: 36.4615vw;
}

.item-list {
	min-width: 0;
}

.item:before {
	display: none;
}

.item p {
	display: none;
}

.item pre {
	display: none;
}
.item {
	padding: 0.2rem;
	min-height: 2rem;
	height: auto;
}
.item h2 {
	font-size: 1rem;
}
.item-expander {
	display: none;
}
.item-contracter {
	display: none;
}

.modal {
	max-height: 75vh;
	overflow: auto;
}