
#mobile-menu-container {
	position: fixed;
	top: 80px;
	z-index: 999;
	background-color: #ffffff;
	padding-top: 2rem;

	width: 100vw;
	min-height: 30vh;
  max-height: calc(90vh - 80px);
  overflow: auto;

	display: none;
}

#mobile-menu-container .img_green { max-width: 16rem; height: auto; }
#mobile-menu-container .language_container { background-color: #006341; padding: 1rem; }
#mobile-menu-container .language_container,
#mobile-menu-container .language_container a, #mobile-menu-container .language_container a:visited { font-size: 1.250rem; color: white; text-decoration: none; text-transform: uppercase; }
#mobile-menu-container .language_container a:hover { color: #999999; }

#mobile-menu-container .button_base.soumission,
#mobile-menu-container a.button_base.soumission, #mobile-menu-container a.button_base.soumission:visited {
	font-size: 1.375rem;
	font-weight: 600;
	text-transform: none;
	max-width: 280px;
	padding: 12px 27px 10px 27px;
	background-color: #fa9715;
	-webkit-border-radius: 30px;
					border-radius: 30px;
}
#mobile-menu-container a.button_base.soumission:hover { background-color: black; }

#mobile-menu-container .button_base.phone,
#mobile-menu-container a.button_base.phone, #mobile-menu-container a.button_base.phone:visited {
	font-size: 1.375rem;
	font-weight: 600;
	text-transform: none;
	max-width: 280px;
	padding: 12px 27px 10px 27px;
	background-color: #006443;
	-webkit-border-radius: 30px;
					border-radius: 30px;
}
#mobile-menu-container a.button_base.phone:hover { background-color: black; }

#mobile-menu {
	width: 100%;
	padding: 2rem;
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
}

#mobile-menu span,
#mobile-menu a, .mobile-menu a:visited {
	display: block;
	font-weight: 400;
	font-size: 1.250rem;
	line-height: 100%;
	letter-spacing: 0px;
	color: #006443;
	text-decoration: none;

	width: 100%;
}
#mobile-menu a:hover { color: #001f60; }

#mobile-menu ul li { position: relative; padding: 0.750rem 0; border-bottom: 1px solid #dddddd; }
#mobile-menu ul li ul { display: none; padding: 0.5rem 1rem 0 2rem; }
#mobile-menu ul li ul li:last-child { border-bottom: 0; }

#mobile-menu .open_sub { width: auto; position: absolute; top: 0; right: 0; font-size: 1.5rem; margin-top: 0.750rem; }

@media only screen and (min-width: 756px) {
	#mobile-menu-container { display: none !important; }
}

@media only screen and (max-height: 400px) {
	#mobile-menu-container { max-height: calc(80vh - 140px); }
}