.menuhead { position: relative; z-index: 999999; display: flex;   justify-content: space-around;  align-items: center;  background-color: #2D1944;;  margin: 4vw 0 0; width:100%; height:70px;  font-family: 'hamburgerregular', Arial, sans-serif;}
.logo {  order: 1;  padding: 0em;  border-radius: 0%; color: #beddef; padding-top:15px;}
.logosl {order: 1;  padding: 0em;  border-radius: 0%; color: #beddef; padding-top:0px; height: 10vw !important;    margin-top: -12px !important; background: #ffffff; transition:0.3s}
.logosl img {padding: 30px; transition:0.3s}

.item {  color: #ffffff;  text-decoration: none;font-weight:bold;  padding: 6px 0 0px;	font-size:1.8em;}
.item:nth-of-type(n+6) {  order: 2;}

.mobhome {display: none; background:transparent; position: fixed; top:0; height:66px; left: 0; right:100px;}



.menutoggle {display: none;}
@media all and (max-width: 800px) {
	.menutoggle {display: block; position: absolute; top:-67px; right:0px;  float:right; padding:13px;}
  .menuhead { margin: 67px 0 0;   flex-direction: column;    align-items: stretch; height:auto;   }
  .logo {    order: 0;    text-align: center;    width: 100px;    margin: auto auto 20px;  }
  .logosl {    order: 0;    text-align: center;    width: 100px;    margin: auto auto 20px !important; height:auto !important   }
  .item { margin-top:0px;   text-align: center;    border-bottom: 1px solid #111; background: #2D1944;    color: #ffffff;  }

}

/*@media only screen and (max-width: 480px) and (min-width: 0px){*/
@media only screen and (max-width: 800px) and (min-width: 0px){
	.mobhome {display: block}
	.item {  order:auto;display: none; padding: 12px 0; letter-spacing: -0.5px}
	 .logo {   display:none; order: 0; position:absolute; left:0px; top:0px;  text-align: center;    width: 100px; padding-top:0px     }
	 .logosl { display:none;   order: 0; position:absolute; left:0px; top:0px;  text-align: center;    width: 100px; padding-top:0px; height:auto !important    }
	

}