/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
  height: 100%;
}
html, body, .container {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Roboto Condensed', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Anton', sans-serif;
}
.container {
  position: relative;
}
#link-overlay {
  position: absolute;
  bottom: 30px;
  left: 30px;
  background-color: white;
  border: 1px solid #777;
  padding: 10px;
}
.warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
  padding: 5px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-style: italic;
}
#sidebar {
  margin-top: 30px;
}
#sidebar .logo {
  width: 50%;
  height: auto;
}

.full-height {
  height: 100%;
}
.map-col {
  padding-left: 0;
}
@media (max-width: 767px) {
  .map-col {
    padding-right: 0;
  }
  .full-height { 
    height: 80%;
  }
  .full-height .full-height {
    height: 100%;
  }
}
.slider {
  margin: 0 20px;
}
figure img {
  margin: 0 auto;
}
figure figcaption {
  margin-top: 15px;
  text-align: center;
}