* {
padding:0;
margin:0;
font-family:Notram;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body{background:#2E2E2E;}

div#we{background:#2E2E2E; color:#E4E4E4;}
 
.menu_bar {display:none;}
 
 
nav {
background:#846E57;
z-index:1000;
max-width: 1800px;
width:80%;
margin:0px auto;
text-align:center;
}
 
nav ul {list-style:none;}
 
nav ul li {
display:inline-block;
position: relative;
}
 
nav ul li:hover {background:#3E2016;}
 
nav ul li a {
color:#fff;
display:block;
text-decoration:none;
padding: 20px;
}
 
nav ul li a span {
margin-right:10px;
}
 
nav ul li:hover .children {display:block;}
 
nav ul li .children {
display: none;
background:#2E2E2E;
position: absolute;
width: 150%;
z-index:1000;
}
 
nav ul li .children li {
display:block;
overflow: hidden;
border-bottom: 1px solid transparent;
}
 
nav ul li .children li a {display: block;}
 
nav ul li .children li a span {
float: right;
position: relative;
top:3px;
margin-right:0;
margin-left:10px;
}
 
nav ul li .caret {
position: relative;
top:3px;
margin-left:10px;
margin-right:0px;
}
 
@media screen and (max-width: 800px) {
body {padding-top:65px;}
 
.menu_bar {
display:block;
width:100%;
height:60px;
position: fixed;
top:0;
background:#3E2016;
z-index:1001;
}
 
.menu_bar .bt-menu {
display: block;
padding: 10px;
color: #fff;
overflow: hidden;
font-size: 25px;
font-weight: bold;
text-decoration: none;
}
 
.menu_bar span {float: right;font-size: 40px;}
 
nav {width: 80%;height: calc(100% - 80px);position: fixed;right:100%;margin: 0;}
 
nav ul li {display: block;border-bottom:1px solid transparent;}
 
nav ul li a {display: block;}
 
nav ul li:hover .children {display: none;}
 
nav ul li .children {width: 100%;position: relative;}
 
nav ul li .children li a {margin-left:20px;}
 
nav ul li .caret {float: right;}

div#products table{font-size:15px;}

div#we{font-size:20px;}
}

header{background:#846E57;}