html, body, .container-fluid, #map_canvas {
    height: 100%;
}

.container-fluid {
    width: 100%;
    position: absolute;
    top: 0;
    padding: 0;
}

#map_canvas {
    position: relative;
    /* border: 1px solid black; */
    /* border-radius: 8px; */
    height: 600px; /* or as desired */
    width: 100%; /* This means "100% of the width of its container" */
}


#map {
    height: 100%;
    width: 100%;
    z-index: 1;
}


header {
    height: 50px;
}

footer {
    height: 20px;
}