html {
  box-sizing: border-box;
  font: inherit;
}

*, *::before, *::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

body {
 
}



.logo {



  background: linear-gradient(90deg,  #000 90%, #000 100%);
}

.logo img{
    margin-top:0px;
     margin-bottom:0px;   
     margin-right:5px;  
     max-width:80%;
}

.menu-links {
  list-style: none;
}

.menu-item a {
    display: inline-block;
    padding: 10px 10px;
    text-decoration: none;
    color: #eee;
    letter-spacing:.00em;
    text-transform:uppercase;
    font-size:1.5vw;
    font-family: Raleway, Helvetica, sans-serif;
    line-height:1;
}


.menu-item:hover {

}

.menu-item:hover a {
  color: #bbb;
}

.logo img {
  max-height: 300px;
  vertical-align: middle;
padding-bottom:5px;
}




.menubar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10100;
  width:auto;
  height:100%;
  
  background-color: #000;
  padding-left: 0px;
  padding-right: 0px;
}


.toggle:before
{

    font-family: "Font Awesome 5 Free";
    content: "\f00b";
    color:#fff;
    font-weight:900;
    font-size: 36px;
    padding-top:14px;
    text-align:center;
    width: 60px;
    height: 60px;
    background: rgba(50,50,50,0.6);
    border-radius: 0px;
    position: absolute;
    left: 5px;
    top: 5px;
    box-shadow: 0.125em 0.225em 0 0 rgba(0,0,0,0.10);


}

.toggleclose {
width:auto; color:#eee; margin-left: 10px; margin-top: 10px; padding-right: 5px;float:left;
}


.menu_highlight {
    font-weight: bold;
    text-shadow: #c66 1px 0 2px;
}