ul {list-style: none;}

a, a:hover {text-decoration: none;}


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

.left {float:left;}
.right {float:right;}
.text-right {text-align: right;}

    .menu {
    float:left; 
    margin-top: 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

    ul{
      list-style-type: none;
      padding-inline-start: 0px;
      margin: 0;
    }

    .nav, #touch-menu{
    background-color: #5f590bab;
    border-right: 3px solid #f3eead;  
    }

    .nav li{
      text-align: right;
    }

    .nav li a,
    #touch-menu{
      display: block;
      padding: 10px 15px 15px 35px;
      font-family: Arial, sans-serf;
      font-weight: lighter;
      font-size: 25px;
      /*text-transform: uppercase;*/
      text-decoration: none; 
      color: #f3eead;
    }

    .nav li a{
      border-right: 3px solid transparent;
    }

    .nav li a:hover{
      border-right: 3px solid #f3eead;
      color:#f4f3d8;
    }

    #touch-menu:hover{
      background-color: #2a2706;
    }

    #touch-menu{
      display: none;
    }

    #en a{
      padding-bottom: 6px;
      padding-top: 0;
    }

    #en a:hover{
      border-bottom: 5px solid transparent;
    }

    #en a img{
      width: 30%;
      border: 3px solid transparent;
    }

    #en a:hover img{
      border: 2px solid #f3eead;
    }