/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#container {
  height: 100%;
  width: 110%;
  display: flex;
  
}

#sidebar {
  flex-basis: 15rem;
  flex-grow: 1;
  padding: 1rem;
  max-width: 70rem;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}

#map {
  min-width: 200px;
  width: 50%;
  min-height: 200px;
  height: 80%;
  border: 1px solid blue;
}

#directions-panel {
  margin-top: 10px;
}