.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color:rgb(255, 255, 255);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top:0.12em;
  text-align:left;
}

.spanSidenav{ 
  font-size: 1.5em;
  cursor: pointer;
  color: rgba(138, 6, 6, 0.875);

}


.sidenav a {

  text-decoration: none;
  font-size: 1em;
  color: #000000;
  display: block;
padding-left: 0.25em;

}

.sidenav a:hover {
 	color: black;
	background-color: #4bb947;

}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 0.5em;
  font-size: 2.5em;
 
  
}


.sidenav .closebtn:hover {
 color: #05ae43;
 background-color:rgb(253, 255, 253) ;

}
/* ---------------------------oddelovaci cára pro text sideNav-----------*/
nav a.posledni{ border-bottom: #000000 1px solid;}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 0.15em;}
  .sidenav a {font-size: 12px;}
}