/*  //////////////// mobile side menu (sidenav) /////////   */
.sidenav {
  height: 100%;
  width: 100%;
  position: fixed;
  float: right;
  font-size: 15pt;
  z-index: 99999;
  top: 0;
  right: -100%;
  color: #e4e3e4;
  background-color: #333;
  //background-image: linear-gradient(45deg, darkblue,  #222252);
  overflow-x: hidden; /*scroller */
  transition: 0.5s;
}

.sidenav a {
  background:blcak;
  color: #e4e3e4;
  padding: 8px 30px 8px 10px;
  text-decoration: none;
  transition: 0.2s;
}

.sidenav a:hover, .sidenav a:active {
  color:black;
  padding: 8px 40px 8px 0px;
  background:#e4e3e4;
}

.sidenav a.closebtn {
  float:left;
  font-size: 50pt;
  position: -webkit-sticky;
  position: sticky;
  top: 0; left: 0;
  background-color:black;
}