body{
margin: 0 auto;
}
.menu-container {
padding: 0;
margin: 0 auto;
width: 100%;
}
.logo{
float: left;
margin-right: 20px;
margin-left: 20%;
}
.logo a{
outline: none;
display: block;
}
.menu {
overflow: hidden;
margin-right: 20%;
}
ul {
list-style: none;
margin: 0;
padding: 0;
float: right;
}
.menu li {
display: inline-block;
margin-left: 25px;
height: 70px;
line-height: 70px;
transition: .5s linear;
}
.menu a {
text-decoration: none;
display: block;
position: relative;
text-transform: uppercase;
color: white;
}
.menu a:after {
content: "";
width: 0;
height: 2px;
position: absolute;
left: 0;
bottom: 15px;
background: white;
transition: width .5s linear;
}
.menu a:hover:after {width: 100%;}
