html,
body {
  height: 100%;
  margin: 0;
}

#preload {
  z-index: 9998;
}

/* Header*/
#flag {
  z-index: 999;
  width: 30vw;
  height: 30vw;
  max-height: 15%;
}

#flag img {
  object-position: left bottom;
}

@media (max-height: 375px) {
  #flag {
    left: 7.5% !important;
  }
}

#countryContainer {
  /* Pin it to the top center of the screen */
  z-index: 1000;
}


.easy-button-button,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  width: 5vh !important;
  height: 5vh !important;
  line-height: 5vh !important;

}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font-size: 4vh !important;
}