@import url("https://fonts.googleapis.com/css?family=Open+Sans|Roboto");

* {
box-sizing: border-box;
font-family: "Roboto";
font-weight: 300;
}

html{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}

body{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
background-color: #000;
}

nav{
margin: 0;
padding: 5px;
color: #FFF;
background-color: #000;
/*border-bottom: solid 1px #EFF0F3;*/
}

nav ul{
width: 400px;
margin-right: auto;
margin-left: auto;
}

nav ul li{
list-style: none;
display: inline-flex;
margin-left: 10%;
}

nav ul li a{
text-decoration: none;
color: #DADADA;
}

nav ul li a:hover{
text-decoration: none;
color: #FAAC23;
}

@media only screen and (max-width: 433px){

nav ul{
border: none;
width: 100%;
margin-right: auto;
margin-left: auto;
}

}