.nav-container{
    border-top:0;
    background-color:#3E3E3E;
    z-index:1000;
    height: 40px;
    position:fixed;
    text-align: center;
    padding:5px;
    top:0;
    left:0;
    right:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: inline-block;
    -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
      -ms-box-orient: vertical;
       -o-box-orient: vertical;
          box-orient: vertical;
    -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
}

#brand-text{
    position:absolute;
    left:10px;
    font-size:22px;
    color:white;

    font-family: 'A-Love-of-Thunder';
}
.nav-element{
    text-align:center;
    display:inline;
    border-right:1px dotted white;
    background-color:#3E3E3E;
    padding-left:10px;
    padding-right:10px;
    opacity:.7;
    height:100%;
    z-index:10;
    width:150px;
    font-size:20px;
    
}
.nav-element:hover{
    opacity:1;
    background-color:#3E3E3E;
    cursor: pointer;
    width:150px;
}
.dropdown-toggle{
    margin-top:10px;
    display:inline;
    color:white;
    font-size:16px;
    font-weight:700;
}
.dropdown.nav-element.active {
    opacity:1 !important;
    color:white !important;
}
.dropdown-toggle:hover{
    opacity:1;
}
.nav-dropdown li {
    padding-top:5px;
    text-align:left;
    padding-left:10px;
    height:30px;
    font-style:normal;
    background-color:aliceblue;
}
.nav-dropdown li:hover {
    background-color:#3E3E3E;
    color:#fff;
    font-weight:700;
    font-style:italic;
}
.modal-open{
margin:0px;
}