.nav 
{
  width: 100%;
  background-color: black;
  opacity:0.75;
  text-align: center;
  padding-top: 10px;
  top: 170px;
	# height: 5vh;
  overflow: hidden;
  position: fixed;
}

.nav a
{
  float: left;
  display: block;
  color: white;
  padding: 5px;
  text-decoration: none;
}

.nav a:hover { background-color: black; }

.nav a.icon { background-size: contain; background-repeat: no-repeat; height: 1.5vh; width: 1.5vh; margin-right: 25px; display: none; }

@media screen and (max-width:800px) 
{
 .nav a { display: none; }
 .nav a.icon { float: right; display: block; background-image: url("/style/house.png"); }
 .nav.rightmenu { float: right; right: 0; width: 10vw; min-width: 90px; }
 .nav.rightmenu a { float: none; display: block; text-align: left; }
 .nav.rightmenu a.icon { height: 1.0vh; width: 1.0vh; background-image: url("/style/Xwhite.png"); } 
}

.sidebarPush a.icon { background-size: contain; background-repeat: no-repeat; height: 2.5vh; width: 2.5vh; display: none; }
.sidebarPush a { display:block; height: 2.5vh; }

@media screen and (max-width:800px)
{
 .sidebarPush a { display:none; }
 .sidebarPush li a { display:none; }
 .sidebarPush a.icon { display:block; background-image:url("/style/mag.png");  }
 .sidebarPush.leftmenu a.icon { display:block; background-image:url("/style/Xblack.png"); }
 .sidebarPush.leftmenu { float: left; right: 0; width: 10vw; min-width: 90px; }
 .sidebarPush.leftmenu li a { text-align:left; display:block; }
}

.sidebar a { display: block; }
.sidebar a.icon { background-size: contain; background-repeat: no-repeat; height: 1.5vh; width: 1.5vh; background-image:url("/style/Xblack.png"); }