html {
  font-size: 10px;
}

/*
body {
    padding: 0;
    margin: 0;
}
*/

body {
  margin: 0;
  padding: 0;
}

html,
body {

  height: 100%;
}

#map {
  /*height: 90%;*/
  height: 100%;
  /*width: 100%;*/
}



.container {
  background: none repeat scroll 0 0 white;
  border-top: 0 none;
  box-shadow: 0 0 6rem rgba(0, 0, 0, 0.15);
  /*padding: 15px 40px 20px;*/
  /*padding: 0px 0px 0px;*/
  position: relative;
  /*width: 790px;
    height: 500px;*/
  z-index: 1;
}

.container .map {
  border: 0.1rem solid #ccc;
  margin: 1.5rem 0;
}

.photolist img {
  width: 5rem;
}


#logo {
  z-index: 200;
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-bottom: .02rem;
}

#logo img {
  width: 15rem;
  background: rgba(0, 0, 0, 0.25);
  border-radius: .5rem;
  border: 0;
}

.leaflet-control-layers-expanded {
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-container {
  background: #FFF;
  outline: 0;
}

.leaflet-buttons-control-toggleon img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(desaturate.svg#greyscale);
}

.leaflet-buttons-control-img {
  cursor: pointer;
}

.leaflet-buttons-control-img:hover {
  background-color: #CCC;
  background-position: 50% 50%;
}

.leaflet-marker-icon-select {
  filter: url(desaturate.svg#select);
}

.leaflet-top .leaflet-control {
  margin-top: .5rem;
}

.leaflet-control-layers-expanded {
  /*width: 11rem;*/
  /*height: 24rem;*/
  font-size: 1.2rem;
}

.easy-button-button .button-state {
  font-size: 1rem;
}