/* Small devices (landscape phones, 544px and up) */
@media (max-width: 544px) {  
  html {font-size:75%;} 
  table {font-size:85%;} 
}

/* Map related styles ---------------------------------------------------- */

#map { 
  margin: auto;
  width: 90%; 
  height: 85%; 
}

.info { 
  padding: 6px 8px; 
  font: 14px/16px Arial, Helvetica, sans-serif; 
  background: white; 
  background: rgba(255,255,255,0.8); 
  box-shadow: 0 0 15px rgba(0,0,0,0.2); 
  border-radius: 5px; 
  width: 250px;
  height: 120px;
} 

.info h4 { 
  margin: 0 0 5px; 
  color: #777; 
}

.legend {
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

/* Sticky footer styles -------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

.bigprint {
	font-size:large;
}

/* Custom BS ------------------------------------------------------------- */
/* not active */
.nav-pills .nav-link:not(.active) {
    background-color: #eeeeee;
    color: black;
}

/* active*/
.nav-pills .nav-link {
    background-color: rgba(0, 255, 0, 0.5);
    color: white;
}