* {
box-sizing: border-box;
}

body {
background-color: #eaeaea;
margin: 0;
}

.container{
max-width: 1000px;
margin: 0 auto;


}
nav{
  background: #fff;
  border-radius: 5px;
  margin: 5px;


}
nav ul{
margin: 0;
padding:  0;
list-style: none;
position: relative;
text-align: left;
}
nav li{
  display: inline-block;

}
nav li:hover {
  background: #333;
}

nav a{
  color: #444;
  text-decoration: none;
  display: block;
  padding: .75em 1.75em;
}
nav a:hover{
  color: #fff;
}
.menu-sub{
position: absolute;
}