improves map intro page

1 files changed, 20 insertions, 3 deletions

diff --git a/style.less b/style.less
index 881c9b4..078ffd0 100644
--- a/style.less
+++ b/style.less
@@ -71,15 +71,32 @@ div#p-logo {
   list-style-position: inside;
 }
 
+section#home-header {
+  background: #007c00;
+  color: white;
+  font-size: 20pt;
+  text-align: center;
+  margin: -1em 0 0em 0;
+  padding: 0em 0px 0em 0;
+  position: relative;
+  font-weight: 200;
+}
+
 // **************** Map elements
 
 // We change the color of the marker using filter. The base color must be black. Color generator: https://codepen.io/sosuke/pen/Pjoqqp
 
-.leaflet-marker-icon img, img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
-  filter: invert(18%) sepia(67%) saturate(3680%) hue-rotate(93deg) brightness(95%) contrast(103%) drop-shadow(2px 4px 6px lightgrey);
+.page-Index .leaflet-marker-icon img, img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
+  // filter: invert(18%) sepia(67%) saturate(3680%) hue-rotate(93deg) brightness(95%) contrast(103%) drop-shadow(2px 4px 6px lightgrey);
+  filter: invert(18%) sepia(67%) saturate(3680%) hue-rotate(93deg) brightness(95%) contrast(103%);
+}
+
+.page-Index .leaflet-tile-pane {
+  z-index: 200;
+  filter: invert(3%) sepia(67%) saturate(3682%) hue-rotate(83deg) brightness(95%) contrast(87%) !important;
 }
 
-.leaflet-marker-icon  span {
+.page-Index .leaflet-marker-icon  span {
   color: white;
 }