// Roboto Font
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
//$font-family-base: 'Raleway', sans-serif;

$body-bg: #ccc;

@import "bootstrap";

// Bootstrap Starter Template Styles
body {
  padding-top: 50px;
}

#main-container {
    margin-bottom: 50px;
}

#left-column {
    height: 0px;
}

#right-column {
    z-index: 100;
    padding-top: 20px;
}


/*
 * Formatting for d3 histogram
 */
.axis text {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill:none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}

.leaflet-container {
    position: fixed;
    z-index: 10;
    top: 50px;
    bottom: 50px;
    width: 100%;
}

// Roboto Font
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
//$font-family-base: 'Raleway', sans-serif;

$body-bg: #ccc;

@import "bootstrap";

// Bootstrap Starter Template Styles
body {
  padding-top: 50px;
}

#main-container {
    margin-bottom: 50px;
}

#left-column {
    height: 0px;
}

#right-column {
    z-index: 100;
    padding-top: 20px;
}

@media(max-width: $screen-sm-max) {
    .leaflet-container {
        display: none;
    }
    #left-column {
        display: none;
    }
}

@media(max-width: $screen-xs-max) {
    #footer {
        width: 100%;
        text-align: center;
    }
}
.leaflet-container {
    position: fixed;
    z-index: 10;
    top: 50px;
    bottom: 50px;
    width: 100%;
}

/*
 * Formatting for d3 histogram
 */
.axis text {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill:none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}



Make the map, columns and footer nicely responsive.
Make the map, columns and footer nicely responsive.
