body {
  margin: 0;
 font-family: Arial, sans-serif;
}

nav {
 position: relative;
 height: 80px;
 width: 100%;
 z-index:1;
}

#logobox {
 position: absolute;
 bottom: 0;
 width: 100px;
 height: 60px;
 padding-left: 15px;
   user-select: none;
}

#changeText {
 float: left;
 font-size: 20px;
 color: white;
 padding-left:100px;
    white-space:nowrap;
    overflow:hidden;
 margin-top: -5px;
}

nav ul {
 position: absolute;
 margin: 0;
 bottom: 0;
 right: 0;
 }

nav li {
 float: left;
 padding: 0 20px 5px 20px;
 list-style: none;
 text-transform: uppercase;
 color: white;
 opacity: 0.7;
 border-bottom: 5px solid rgba(0, 0, 0, 0);
}
nav li a{
   padding: 2em;     
   margin: -2em;
}


nav li:hover {
 opacity: 1;
 border-bottom: 5px solid rgba(230, 230, 250, 0.5);
 cursor: pointer;
}