html,body{
  position:absolute;
  height:100%;
  width:100%;
  overflow:hidden;
  padding:0;
  margin:0;
}
h1{
  color:white !important;
  text-shadow:-1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
}
#map{
  position:relative;
  width:100vw;
  height:100vh;
} 
.fixed-top{
  position:fixed;
  height:60px;
  top:0;
  right:0;
  left:0;
  background:blue;
  opacity:.8;
}
.leaflet-top{
  top:60px;
}
.legend{
  line-height:18px;
  color:#555;
  border: 2px solid rgba(0,0,0,0.2);
  background-color:#ffffff;
  padding:10px;
  border-radius:5px;
}
.legend i{
  width:18px;
  height:18px;
  float:left;
  margin-right:8px;
  opacity:0.7;
}