html, body, #googleMap {
    width: 100%;
    height: 100%;
    font-family: 'Raleway', sans-serif;
    margin: 0;
}

#googleMap {
  position: none;
}

.sidenav {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 300px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #AFB0F3;
  overflow-x: hidden;
  padding: 20px 8px 6px 16px;
  color: #393A3A;
}

.main {
  margin-left: 300px; 
}

@media screen and (max-width: 765px) {
 .sidenav {
   display: none;
 }
 .main {
   margin-left: 0px;
 }
}