#menu-accordeon {
    position: fixed;
    left: 0;
    padding:0;
    margin-top: 10%;
    list-style:none;
    text-align: center;
    width: 18%;
  }
  #menu-accordeon ul {
    padding:0;
    margin:0;
    list-style:none;
    text-align: center;
  }
  #menu-accordeon li {
     background-color:#2f435e; 
     border-radius: 8px;
     margin-bottom:0.5%;
  }
  #menu-accordeon li li {
     max-height:0;
     overflow: hidden;
     transition: all .5s;
     border-radius:0;
     background: #44566c;
     box-shadow: none;
     border:none;
     margin:0
  }
  #menu-accordeon a {
    display:block;
    text-decoration: none;
    color: #fff;
    padding: 8px 0;
    font-family: verdana;
    font-size:1.2em
  }
  #menu-accordeon ul li a, #menu-accordeon li:hover li a {
    font-size:1em
  }
  #menu-accordeon li:hover {
     border: 1px solid #fff;
  }
  #menu-accordeon li li:hover {
     background:  #4b5e65;
  }
  #menu-accordeon ul li:last-child {
     border-radius: 0 0 8px 8px;
     border:none;
  }
  #menu-accordeon li:hover li {
    max-height: 15em;
  }



@media (max-width: 769px) {
   #menu-accordeon{
   display: none;
   }
   
      
  
  
 
}