

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





.level0-mobile{
font-family:'Karla',Verdana,Arial,sans-serif;
   font-size: 24px;
   line-height:28px;
   font-size:  1.5rem; 
   line-height:1.75rem;

   font-weight:normal;
 margin-bottom:20px;
font-weight:400;
display:block;
text-decoration:none;
}


.level1-mobile{
font-family:'Karla',Verdana,Arial,sans-serif;
font-size: 20px;
line-height:36px;
font-size:1.25rem; 
line-height:1.5rem;
   font-weight:normal;
   margin-bottom:10px;
   font-weight:300;
}

.active {

 border-bottom:3px solid #1d1d1b;
padding-bottom:3px
  

}



#toggle-menu{
display:none;
position:absolute;
right:3.0%;
top:40px;
z-index:9999
 
 }

.menu-content{
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s, visibility 0s 1s;
    position:absolute;
    z-index:99;
  width:100%;
    overflow:hidden;
     background-color: rgba(245,245,245, 0.95);
    transition: 0.5s;
     height: 100%;
  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: 32px;
  height: 2px;
  background-color: #1d1d1b;
  margin: 8px 0;
  transition: 0.4s;
   z-index:999;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-8px, 8px);
    -ms-transform: rotate(-45deg) translate(-8px, 8px);
 transform: rotate(-45deg) translate(-8px, 8px);

}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -6px);
    -ms-transform: rotate(45deg) translate(-6px, -6px);
  transform: rotate(45deg) translate(-6px, -6px);

}
  
  
  @media screen and (max-width: 770px){
  
  
#toggle-menu{
display:block;
}
  
  }
  
  
  
  
    @media screen and (max-width: 602px){
    
    #toggle-menu{
right:5.0%;

top:20px;
}

}


  
    @media screen and (max-width: 410px){
    
    #toggle-menu{

top:45px;
}

}
