@media screen and (max-width:767px) {

.mod_mobile_menu {
		display:flex;
		padding-bottom: 1.5em;
		align-self:center;
		flex-basis:calc(100% - 20em);
		justify-content:flex-start;
		align-items:flex-end;
		flex-grow:1;
	}
	
		.mod_mobile_menu {
		display: flex;
		padding-bottom: 0.2em;

		flex-basis: auto;
		font-size: 0.8em;
		margin-top: 0.5em;

	}
}
	
.mobile_menu_trigger {
		width:2.5em;
 cursor:pointer
		
}

.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:0.35em;
		margin-bottom:0.45em;
		background-color:#fff;
		line-height:0.4em;
		 transition: all 0.5s ease-in-out 0.5s
	}
	
.mobile_menu_trigger span.text{
		color:#fff;
		background-color:transparent;
		line-height:1em;
		text-transform:uppercase;
		font-size:0.9em;
	}
	
.mobile_menu.active .menu-toggler span:first-child,
.mobile_menu_trigger.active span:first-child {
transform: rotate(45deg) translateY(0.65em) translateX(0.65em);
transform-origin: center;
transition: all 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: rotate(-45deg) translateY(-0.5em) translateX(0.45em);
transform-origin: center;
 transition: all 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
}

.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 {
	font-size:1.4em;
}

.mobile_menu ul {
	display:block;
	margin:2em 1em 1em 3em;
}

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

.mobile_menu nav ul li a{
	text-decoration:none;
}

.mobile_menu nav ul li span,
.mobile_menu nav ul li strong {
	line-height:2;
}

.mobile_menu nav ul li strong,
.mobile_menu nav ul li a:hover,
.mobile_menu nav ul li.trail >a> span,
.mobile_menu nav ul li.active> a> span{
	color:#333;
	font-weight:500;
}

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

.mobile_menu ul.level_1 {
	font-family:"Playfair Display";
}

.mobile_menu ul.level_2{
	font-family:"Roboto";
}