html,
body {
  width: 100%;
 height: 100%;
  margin: 0;
  padding: 0;
  flex-direction: column;
}

#map {
  z-index: 0;
/*  float: left; */

  height: 100%;
  width: 100%;
  background-color: #333;
  flex: none;
}

#controls {
  text-align: center;
/*  float: left; */
  bottom: 0px;
/*  height: 100%; */
  width: 100%;
  background: #ccc;
  flex: none;
}