body.nav-open{
overflow:hidden;
/* position:fixed;*/

}



#toggle-menu{
position:absolute;
right:0;
top:50px;
right:10px;
z-index:9999;


}




.level0-mobile{
font-family: 'Montserrat';
font-size:26px;
line-height:30px;
font-size:1.625rem;
line-height: 1.875rem; 
color:#fff;
font-weight:normal;
margin-bottom:25px;
display:block;
text-decoration:non
letter-spacing:0.05rem;
font-weight:600;
}



.level0-mobile:hover,.active {
text-decoration:none;
color:#006775;
}




.menu-content{
visibility: hidden;
opacity: 0;
transition: opacity 1s, visibility 0s 1s;
position:absolute;
z-index:99;
width:350px;
right:0px;
overflow:hidden;
background-color: rgba(243,193,56, 1.0);
transition: 0.5s;
height: 100vh;
padding-top:150px;
}



.menu-content.open{
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
transition: opacity 1s;

}


.container-menu {
display: inline-block;
cursor: pointer;

}

.bar1, .bar2, .bar3 {
width: 38px;
height: 4px;
background-color: #f3c138;
margin: 8px 0;
transition: 0.4s;
z-index:999;
}

.change .bar1 {
background-color:#fff;
-webkit-transform: rotate(-45deg) translate(-10px, 10px);
-ms-transform: rotate(-45deg) translate(-10px, 10px);
transform: rotate(-45deg) translate(-10px, 10px);

}

.change .bar2 {opacity: 0;}

.change .bar3 {
background-color:#fff;
-webkit-transform: rotate(45deg) translate(-7px, -7px);
-ms-transform: rotate(45deg) translate(-7px, -7px);
transform: rotate(45deg) translate(-7px, -7px);

}






@media screen and (max-width:1280px){ 
#toggle-menu{
right:2.5%; }
}




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

#toggle-menu{
right:2.8%; 
top:30px;}


.menu-content{
width:300px;}



.level0-mobile{
font-family: 'Montserrat';
font-size:22px;
line-height:28px;
font-size:1.375rem;
line-height: 1.75rem; 

}



@media screen and (max-width:610px){
.level0-mobile{
margin-bottom:15px;
}

.menu-content {
  padding-top: 130px;
}


#toggle-menu{
right:4.0%; 
}
}


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

#toggle-menu{
right:4.5%; 
}
}