@media screen and (max-width:767px) {
	
header > .inside > nav { 
	display:none;
}

.mod_mobile_menu {
	font-size:1em;
	display: flex;
    align-items: flex-end;
    padding-bottom: 0.5em;
}
/*
.mod_mobile_menu {
		display:flex;
		padding-bottom: 1.5em;
		align-self:stretch;
		flex-basis:calc(100% - 20em);
		justify-content:flex-end;
		align-items:flex-end;
	}
}
*/	
.mobile_menu_trigger {
		width:2em;
 cursor:pointer;
 display:block;
font-size:0.9em;
z-index: 200;
}
/*
.mobile_menu figure {
	margin:0;
	border-bottom: 0.8em solid #d9d9d9;
	padding:0.5em;
	background: #fefefe;
}

.mobile_menu figure img{
	width:6em;
    height:auto;
}
*/	
.mobile_menu_trigger span{
		display:block;
		height:3px;
		margin-bottom:5px;
		background-color:#002e4d;
		line-height:0.4em;
		transition: all 0.5s ease-in-out 0.5s;
        transition-property: opacity, transform;

	}
	
	.mobile_menu_trigger:hover span {
		background-color:var(--green-02);
		color:var(--green-02);
	}
	
.mobile_menu_trigger span.text{
		background-color:transparent;
		line-height:1em;
		text-transform:uppercase;
		font-size:0.7em;
	}
.mobile_menu.active .menu-toggler span:first-child,
.mobile_menu_trigger.active span:first-child {
 transform-origin: center;
 transform: translateY(8px) rotate(45deg);
 transition: transform 0.5s ease-in-out 0.5s
}
.mobile_menu.active .menu-toggler span:nth-child(3),
.mobile_menu_trigger.active span:nth-child(3) {
 transform-origin: center;
 transform: translateY(-8px) rotate(-45deg);
 transition: transform 0.5s ease-in-out 0.5s
}
.mobile_menu.active .menu-toggler span:nth-child(2),
.mobile_menu_trigger.active span:nth-child(2) {
 opacity:0;
 transition: all 0.5s ease-in-out 0.5s;
 transition-property: opacity, transform;
}

.mobile_menu_overlay.background {
    background-color:rgba(255,255,255,.9)
   }
   
   
.mobile_menu .inner {
    overflow:auto;
    background-color:rgba(244, 244, 244,1);
    color:#333;
    box-sizing:border-box
   }
   
.mobile_menu .logo {
	padding-left: 5.5em;
    border-bottom: 5px solid var(--background-lightgrey);
    padding-bottom: 2em;
}

.mobile_menu ul {
	font-size:1.4em;
	display:block;
	margin:2em 1em 1em 3em;
}

.mobile_menu nav ul li {
	font-size:1em;
	height:2.5em;
}

.mobile_menu nav ul li a,
.mobile_menu nav ul li strong {
	line-height:1.25;
	display:inline-block;
}

.mobile_menu ul li > ul {
	font-size:0.9em;
	margin:0 1em 1em;
}

}