html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.container-fluid {
    height: 100%;
}

.row {
    height: 100%; 
}

#map {

    width: 100%;
    height: 80%;
    min-height: 400px;
}


@media (min-width: 768px) { 
    #map {
      height: 100%;
    }
  }