item-text {
    font-size: 0.1rem; 
} 

h1 {
    font-size: 1.5rem; 
}

h2 {
    font-size: 1.25rem;
}

h3 {
    font-size: 1.125rem;
}


.breadcrumb {
	display: flex; /* Use flexbox for layout */
	flex-wrap: nowrap; /* Prevent wrapping */
	overflow: hidden; /* Hide overflow */
	text-overflow: ellipsis; /* Add ellipsis for overflow text */
	white-space: nowrap; /* Prevent line breaks */
}

.breadcrumb-item {
	overflow: hidden; /* Hide overflow for individual items */
	text-overflow: ellipsis; /* Add ellipsis for individual items */
	white-space: nowrap; /* Prevent line breaks for individual items */
}

/* Optional: Adjust font size for different screen sizes */
@media (max-width: 576px) {
	.breadcrumb {
		font-size: 0.8rem; /* Smaller font size for small screens */
	}
}

@media (min-width: 576px) and (max-width: 768px) {
	.breadcrumb {
		font-size: 0.9rem; /* Medium font size for medium screens */
	}
}

@media (min-width: 768px) {
	.breadcrumb {
		font-size: 1rem; /* Default font size for larger screens */
	}
}


#map {
	height: 400px; /* Set the height of the map */
	width: 100%; /* Set the width of the map */
}