ul.topnav li.icon {display: none;}

@media screen and (max-width:785px), screen and (orientation: portrait) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    display: inline-block;
    position: relative;
    width: 98%;
  }
  
  ul.topnav.expanded {
      position: relative;      
      width: 98%;
  }
  
  ul.topnav.expanded li.icon {
    position: relative;
    
    }
    
  ul.topnav.expanded li {
    float: none;
    display: inline;
    
  }
  ul.topnav.expanded li a {
    display: block;
    margin: -6px 3px -6px 3px;
    text-align: center;
    background-color: rgb(96,96,102);
    text-decoration: none;
  }
  ul.topnav.expanded li a:hover:not(.active) {
        background-color: rgb(141,141,147);
    }
    
  ul.topnav.expanded li.logout a {
        background-color: Maroon;
}
  
}