/*     style.css */
    html, body {
        margin: 0;
        padding: 0;
        height: 100%;
        overflow: hidden; /* Prevent scrolling on the main page if iframe content scrolls */
    }

    iframe {
        display: block; /* Removes any extra space below the iframe */
        width: 100%;
        height: 100%;
        border: none; /* Removes default iframe border */
    }

    h3 {
        text-align: center;
    }

  /* /* iframe {
        width: 100%; /* Take 100% of parent width */
/*        height: 80vh; /* Take 80% of viewport height */*/
    }*/*/

    /* Adjust icon size based on the screen width */
@media screen and (max-width: 600px) {
    .leaflet-div-icon {
        transform: scale(1.5);  /* Scale up icons in small screens */
    }
}