.logomobile{
  display: none;
}
#menu{
  /*Rev 140508*/
  display: flex;
    justify-content: space-around;
    min-width:300px;
    height: 45px;
    margin:0 auto;
    /* position:relative; */
    overflow:no-display;
    color: #FFF;
  }
  
  #menu ul,#menu li{
    margin:0 auto;
    padding:0 0;
    list-style:none;
  }
  #menu ul{
    height:45px;
    width:100%;
    display:flex
  }
  #menu li{
    font-size:0.9em ;
  }
  #menu>ul>li:not(:first-child){
    margin-top: 1.8em;
  }
  #menu a{/*main menu*/
    display: block;
    font-size:120%;
    line-height: 45px;
    padding: 0 14px;
    text-decoration: none;
    color: #dedede;
  }
  #menu li a:hover{
    color:#fff;
  transition: all .3s ease-in-out;
  
  }
  #menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer
  }
  #menu label{
    font:normal 20px Arial;
    display:none;
    width:35px;
    height:36px;
    line-height:36px;
    text-align:center;
    float:right;
    
  }
  
  /*BRAND*/
  #menu label span{font-size:80%;position:absolute;right:5vw;}
  #menu ul.menus{/*SUBMENUS*/
    height: auto;
    overflow: hidden;
    width: 170px;
    background: #383838;
    position: absolute;
    z-index: 99;
    display: none;
  }
  #menu ul.menus li{
  display: block;
  width: 100%;
  font:normal 100% Arial;
  text-transform: none;
  text-shadow: none;
  }
  
  #menu ul.menus a{
  color: #FFF;
  line-height: 40px;  /*REV*/
  transition: all .6s ease-in-out;
  }
  
  #menu li:hover ul.menus{display:block;}
  #menu ul.menus a:hover{
    
  background: #bebebe;
  color: #222;
  transition: all .1s ease-in-out;
  }
  /*END*/
  /*BASE CSS STYLE FOR RESPONSIVE MENU*/
  /**/
  /*MOBIL VERSION, aspect-ratio <= 1x*/
  @media screen and (aspect-ratio <= 1){
    
    #menu{
      position:sticky;
      top: 3vh;
      color:#fff;  
      background:#222;
      border-bottom: 0px solid #222;  
      z-index: 5;
    }
  
  #menu ul{
    top:100%;
    left:0;
    height:auto;
    display:none;
    position:absolute;
    z-index:3;
    background:#555;
    }
  #menu ul.menus{
    width:100%;
    position:static;
    padding-left:0px;
  }
  #menu li{
    width:auto; 
    display:block;
    float:none;
  }
  #menu input,#menu label{
    margin:0  2%;
    float:right;  
    display:block;  
    position:absolute;
  }
  #menu input{z-index:4;}
  #menu input:checked + label{color:#fff}
  #menu input:checked ~ ul{display:block}
  #menu input:not(:checked) ~.logomobile{
    display: block;
    position: absolute;
    left: -1vw;
    top:-2vh;
  }

  }