.hamburger *, .hamburger *:before, .hamburger *:after {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

.clearfix:after {
  content:"";
  display:table;
  clear:both;
}

.hamburger {
  background:#f5f5f5;
}

nav {}

nav ul {
  list-style:none;
  max-width:800px;
  margin:0 auto;
}

nav ul>li>a {
  border-radius:5px;
}

nav ul.l0>li {
  margin-bottom:10px;
  border-left:4px solid var(--bip-red);
}

nav ul.l0>li>a {
  background:whitesmoke;
  
  
}

nav ul.l1>li>a {
  font-size:0.9em;
}

nav ul.l2>li>a {
  background:white;
  font-size:0.9em;
}

nav ul.l3>li>a {
  font-size:0.9em;
}

nav ul>li>a:hover {
  background:#7385aa;
  border-color:#7385aa;
  color:white;
}

nav ul>li>a.image {
  background:inherit;
  padding-top:10px;
}

nav .premenu a {
  background:var(--d1);
  color:white;
}

nav .premenu {
  margin-bottom:5px;
  border-bottom:3px solid red;
}

nav li {
  border-radius:10px;
}

nav li:last-child {}

nav li ul {
  background-color:white;
}

nav ul a {
  
  border:1px solid gainsboro;
  
  display:block;
  padding:10px;
  font-size:1em;
  font-weight:600;
  text-align:center;
  color:black;
  text-decoration:none;
  margin-bottom:5px;
}

nav ul a:hover, nav ul.l0>li>a:hover {
  
}

nav ul a.image {
  padding:5px;
}

nav ul a img {
  width:95%;
  margin:auto;
  display:block;
  border-radius:5px;
  background:white;
}

div.menu {
  display:block;
}

@media only screen and (max-width:700px) {
  .hamburger {
    cursor:pointer;
    padding:15px;
    display:block;
  }

  .line {
    border-bottom:4px solid #bbb;
    width:35px;
    margin-bottom:6px;
  }

  .line:last-child {
    margin-bottom:0;
  }

  nav li {
    width:100%;
  }

  div.menu {
    display:none;
  }

  nav ul.l1>li, nav ul.l2>li {
    font-size:1em
  }
}