#logo:hover {
	padding: 8px;
}

#nav{
	
position: fixed;
height: 50px;
background-color: rgb(0,20,50,0.9);
width: 100%;
transition:top 0.8s;
top: 0;
z-index: 1;
margin: -6px;

}


#nav a {
color: white;
text-decoration: none;
padding: 10px;
font-size: 30px;
float: left;
display: block;
cursor:pointer;
clear: left;
}

#nav h3{
  position: absolute;
  float: right;
  bottom:-60px;
  right: -9px;
  color: white;
  padding: 10px;
  font-size: 30px;
  cursor:pointer;
} 


#nav a:hover {
color:dodgerblue;

transition: 0.8s;

}

#nav h3:hover {
padding: 1px;
color:rgb(0,20,50,0.9);
background-color: rgb(0,20,50,0.9)!important;
transition: 0.8s;

}




.sidenav {

  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: black;
  overflow-x: auto;
  overflow-y: auto;
  transition: 0.8s;
  padding-top: 60px;
  position: fixed;
}

.sidenav a {
  padding: 8px 8px 8px 3px;
  text-decoration: none;
  font-size: 16px;
  color: white;
  display: block;
  transition: 0.3s;
 
}

.sidenav a:hover {
  color: #f1f1f1;
  background-color: blue;
transition: 0.8s;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  cursor: pointer;
 
}

#dash1 {
  background-color: dodgerblue;
}

#dash1:hover {
background-color: white;
color: black;

transition: 0.8s;
}

.psdo img {

}


@media only screen and (max-width: 219px) {
 
 #nav h3{
 display: none;
} 
  
}