@media screen and (prefers-reduced-motion: no-preference) {
html { scroll-behavior: smooth; }
}

body {
  transition: background-color .5s; 
}

.menu-align {position:absolute}

.openme {z-index:0}
.closebtn {z-index:400; position:absolute}
.ham {}
.sidenav  {z-index:200; }

.ham:hover {padding-right:3px; cursor: pointer !important; }

.sidenav .sep a {padding-top:0;}  /* INDEX ADRESSES SMALLER */

.sidenav  {
	/* width in menu.js */										 
  height: 100%;
  width: 0;
  position:fixed;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 80px;
	color: #999;
}

.openme {  position: absolute; right:0px; top:0px; height:0px; width:0px; }

.ham{ position:fixed; top:30px;right:30px; width:50px; height:50px; transition: 0.3s; }

.menu_align { position:fixed; top:58px; right:35px;   text-shadow: 1px 1px 1px #fff; }

.sidenav .sep {	color: #999; 	text-align: center; padding-bottom:50%; }

.sidenav a {
  padding: 8px 8px 0px 20px;
  text-decoration: none;
  font-size: 18px;
  display: block;
  transition: 0.3s;
	text-align: center;
}

.sidenav a:hover {
  color: #f1f1f1;
padding-right:15px;	
}

.sidenav .closebtn {
  top: 15px;
  right: 17px;
  font-size: 70px;
  margin-left: 80px;

}

/*
#main {
  transition: margin-left .5s;
  padding: 16px;
	margin:0;
}*/

@media (max-width: 420px) {
	.sidenav .closebtn { top: 0px; right: 80px; margin-left: 80px; }
	.ham {  top:12px;right:80px; }
	.menu_align { top: 38px; right: 12px; font-size: .9em;}
	.closebtn, .ham {width:40px; height:40px; }
}