/* style.css */
#map-container {
    position: relative;
    width: 100%; /* Adjust based on your preference */
    max-width: 1200px; /* Max width of the map */
    margin: auto;
    
    
}

@media (max-width: 600px) {
    #map-container {
        flex-direction: column;
    }
}

#map {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
}

.pin {
    position: absolute;
    cursor: pointer;
    /* Adjust the size of the pin image as needed */
    transform: translate(-50%, -100%); /* Center the pin and place its bottom at the location */
}

.article {
    margin: 20px;
    padding: 20px;
    border: 1px solid #ccc; /* Styling for articles */
}