/*https://flexbox.malven.co/*/
/*https://css-tricks.com/snippets/css/a-guide-to-flexbox/*/
#map {
    width: 100%;
    height: 100%;
}

#content {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;

}

#controls {
    flex-basis: 30%;
}

fieldset {
    display: flex;
    flex-direction: row;
}
/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 1200px) {
  .flex-container {
      flex-direction: column;
      align-content: flex-start;
/*      align-items: flex-start;*/
    }
  }