.sidenav {  
  align-content: center;
  display: inline-block;
  width: 100%;
  height: 3%;
  position: fixed;
  z-index: 1;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px;
  /*
  background-color: #3494E5;  
  */
 /* background-color: #3a9ae9;  */

  background-repeat: repeat;
  background-image: url(../images/bgNavi.jpg);	

  overflow-y: hidden;
  transition: 0.4s;
  box-shadow: 2px 2px 2px #444444;
}
#nTitle {      
  position: absolute;
  text-align: right;  
  margin: 0px;
  right: 20px;
  bottom: 10px;
  color:white;
  
  font-size:21px;
  transition: 0.4s;
  width: 100%;
  font-weight: 200;
  font-size-adjust: inherit;
  z-index: -1;
}
#nWhoMade {      
    position: absolute;
    text-align: right;  
    margin: 0px;
    right: 20px;
    top: 10px;
    color:white;
    
    font-size:16px;
    transition: 0.4s;
    width: 30%;
    font-weight: 200;
    font-size-adjust: inherit;
}
#nLogo {   
  position: absolute;
  align-content: center;
  margin: 0px;
  padding-top: 1%;
  right: 0px;
  left:40%;
  width: 20%;
  height: auto;
  transition: 0.4s;
 }
 #nLogo img{     
  align-content: center;
  width: auto;
  height: 120px;
 }
 #nButtons {
  position: absolute;
  float: left;
  margin:0px;
  left: 8px;
  top: 8px;
  width:90%; 
}
#nButtonsLevel2 {
  position: absolute;
  float: left;
  margin:0px;
  left: 8px;
  bottom: 10px;
  width:90%; 
}
.nA {  
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  text-decoration: none;
  font-size: 22px;
  width:50%;
  color: white;
 /* color: #3494E5; */ 
  /*background-color: white;*/
  
  transition: 0.3s;  
}
#nBtnClose {
  position: absolute;
  text-align: left;
  margin: 0px;
  width: 100%;
  padding-left: 10px;
  top: 0px;
  left:0px;
  font-size: 56px;
  visibility: hidden;
  cursor:pointer;
  color: #127cdf;
  background-color: white;
}
.sidenav a:hover {
  color: #4b4b4b;
}

#navBar {
  visibility: hidden; 
  top: 1%;
  left:1%;
  padding: 15px;
  position:fixed;
  color: #44a4f5;
  font-size:50px;
  cursor:pointer;
  background-color: white;
  border-radius: 4px;
}
.nBtnCanvasClose {
  position: absolute;
  align-content: center;
  text-align: center;
  top: 0px;
  right: 0px;
  margin: 0px;
  border: hidden;
  cursor: pointer;
  width: 5%;
  height: auto;
  background-color:rgb(255, 255, 255);
  z-index: 7;
  border-bottom-left-radius: 10px;
  /*
background-image: url(../images/iconBtn2.png);
background-repeat: no-repeat;
*/  
}
.nBtnCanvasCloseChild {
  position: relative;
  padding: 0%;
  margin: 0px;
  top:0px; 
  bottom: 0px;
  width: 100%;
  height :100%;
  color:rgb(255, 208, 0);
  font-size: 38px;  
  align-content: center;
  text-align: inherit;
  pointer-events: all;
  z-index: 7;
}
/*
@media screen and (max-height: 800px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  .sidenav {height:0px;}
}
@media screen and (max-width: 800px) {
  .sidenav {height:0px;}
  #navBar {visibility: visible;}
 
  .sidenav a { padding: 2px; }
}
@media screen and (max-width: 1100px) {
   
   .sidenav a { padding: 2px; }
   
}
*/