@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300';
body{
   width:100%;
   height:800px;
    background-color: rgb(250, 249, 249);
    /* padding-left: 10px; */
    font-family: 'Open Sans Condensed', sans-serif;
    letter-spacing: 0.05em;
  }
  h2{
    color:black;
  }
  p{
   color:black;
  }
  @media (max-width: 797px) {
   body { 
   padding-left: 0px;
   padding-right: 0px;
}
}


.custom-popup .leaflet-popup-content-wrapper {
 background:#2c3e50;
 min-width: 250px;
 color:#fff;
 font-size:16px;
 line-height:24px;
 
 }
 .leaflet-popup-content p{
   margin-top:5px;
   margin-bottom:5px;
 }
.custom-popup .leaflet-popup-content-wrapper a {
 color:rgba(255,255,255,0.5);
 text-decoration: none;
 font-family: 'Open Sans Condensed', sans-serif;
 }
.custom-popup .leaflet-popup-content-wrapper b {
color:rgba(255,255,255,0.5);
font-family: 'Open Sans Condensed', sans-serif;
}
.custom-popup .leaflet-popup-content-wrapper p {
   color:rgba(255,255,255,0.5);
   font-family: 'Open Sans Condensed', sans-serif;
   }
.custom-popup .leaflet-popup-tip-container {
 width:auto;
 height:15px;
 }
.custom-popup .leaflet-popup-tip {
 border-left:15px solid transparent;
 border-right:15px solid transparent;
 border-top:15px solid #2c3e50;
 }

.container-fluid{
   width:100%;
   padding:0px;
   background-color: #3f3d3d;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   /* overflow: hidden;*/
   z-index:2; 
   
}
.container-fluid div{
   display: inline-block;
}

.logodiv{
   max-width: 40%;
}
.logo {  
   max-height: 100px;   
   }
.nav{
   float: right;
   max-width: 40%;
   }
.botnav{
   margin:5px;
   border-radius: 5px;
   padding:5px;
}
/* .botnav a{
   margin:auto;
   text-decoration: none;
   color: white;
   font-size: 20px;
} */
.botnav a:hover{
   color: red;
   
}
.central{
   clear: both;
   height:90vh;
}
.central h2,p{
   margin-left:10px;
}
#map {
   z-index: 1;
   width: 95%;
   height:600px; 
}
   .foot{
      float: left;
   }
   .logofoot{
      /* margin:auto; */
      width:10%;
      float: left;
      text-align: top;
      
   }
   .fit-image3{
      max-width: 100%;
      max-height: 100%;
      display: block; 
      object-fit: contain;
  }
   .izda{
      width:45%;
      text-align: left;
   }
   .dcha{
      text-align: right;
      width:45%;
   }
   .leaflet-control-layers-base span{ 
      font-family: 'Open Sans Condensed', sans-serif;
      
      
   
   }
   
   .leaflet-control-layers-overlays span{ 
      font-family: 'Open Sans Condensed', sans-serif;
      
      
   
   }