.popup-content {
    font-family: 'Museo Sans 300', sans-serif; /* Apply the font to popup content */
    line-height: 1.5;
}

.popup-section {
    display: flex;
    margin-bottom: 10px;
    padding-top: 10px; /* Add padding at the top of each section *
}

.popup-section:last-child {
    border-bottom: none; /* Remove the bottom border for the last section */
}
hr {
    border-top: 1px dashed darkgrey;
}

.popup-title {
    flex: 0 0 auto;
    width: 100px; /* Adjust the width of the title space */
    font-weight: bold;
    color: darkgrey;
}

.popup-content-right {
    flex: 1 1 auto;
    padding-left: 20px;
    text-align: justify-all;
}
/* Style for the map container */
@font-face {
    font-family: 'Museo Sans 300';
    font-style: normal;
    font-weight: normal;
    src: local('Museo Sans 300'), url('fonts/MuseoSans-300.ttf') format('truetype');
}

body {
    font-family: 'Museo Sans 300', sans-serif; /* Apply the font to the body */
    padding: 0;
    margin: 0;
}
html, body, #map-container {
    height: 100%;
    width: 100vw;
}