body {
      font-size: 14px;
      font-family: Helvetica, sans-serif;
      font-weight: 400;
      line-height: 1;
      color: #222;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    body {
      margin: 0 20px 20px;
    }
    h1, h2 {
      margin: 0px 0 0;
      font-size: 0.7em;
      font-weight: normal;
      line-height: 1;
    }
    h1 {
      display: inline-block;
      font-size: 0.3em;
    }
    h2 {
      font-size: 0.2em;
    }
    pre {
      line-height: 1.5em;
    }
    p.github {
      display: inline-block;
      margin: 10px 0 0 10px;
      font-size: 0.1em;
    }
    a, a:visited, a:hover, a:active, a:focus {
      text-decoration: none;
    }
    #map {
      height: 600px;
      width : 100% ;
      margin: 10px 10px 0 0;
    }
   .leaflet-control coordinate {
	position: absolute ;
	bottom: 30px ;
	right: 50% ;
		}

  .leaflet-tooltip.my-labels {
   font-size: 13px;
   color: white;
   text-shadow: 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black; 
   background-color: transparent;
   border: transparent;
   box-shadow: none;
    }

 .leaflet-tooltip.my-labelsh3 {
   font-size: 12px;
   color: white;
   text-shadow: 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black; 
   background-color: transparent;
   border: transparent;
   box-shadow: none;
    }
 .leaflet-tooltip.my-labelsh2 {
   font-size: 18px;
   color: green;
   text-shadow: 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black; 
   background-color: transparent;
   border: transparent;
   box-shadow: none;
    }

.leaflet-tooltip.my-labelsh1 {
  font-size: 10px;
   color: white;
  text-shadow: 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black; 
  background-color: transparent;
  border: transparent;
  box-shadow: none;
  }



.my-label {
    position: absolute;
    width:1000px;
    font-size:20px;
}

}