/**
 * @license
 * Copyright 2019 Google LLC. All Rights Reserved.
 * SPDX-License-Identifier: Apache-2.0
 */
/* Optional: Makes the sample page fill the window. */
/* html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
} */

#container {
  height: 500px;
  display: flex;
}

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

#map {
  flex-basis: 0;
  flex-grow: 4;
  height: 500px;
  width:500px;
}

@media only screen and (max-width: 900px) {
  #container {
    flex-direction: column;
  }

  #sidebar{
    width: 100%;
    height: 200px;
    max-width:100%;
  }

  #map{
    width: 100%;
    
  }
  
}