#page li{
		list-style-type: none;
	}

	.location-cards {
		margin: 2rem 0;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
		gap: 3rem;
		align-items: stretch;
	}

	.location-card {
		background: #f5e6d3;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
		padding: 0.5rem;
		transition: transform 0.2s ease;
		display: flex;
		flex-direction: column;
		height: 100%;
		color: #555;
	}

	.location-card:hover {
		transform: translateY(-5px);
		background: #e8d6bc;
	}

	.location-card img {
		width: 100%;
		max-width: 300px;
		height: auto;
		border-radius: 4px;
		display: block;
		margin: 0 auto 1rem;
	}

	.location-card h2.title {
		text-align: center;
		margin: 1rem 0;
	}

	.location-card h3 {
		color: #555;
		margin: 1rem 0 0.5rem;
	}

	.location-info {
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.map-container {
		margin-top: auto;
		overflow: hidden;
		height: 45px;
		transition: height 0.3s ease;
		cursor: pointer;
		background: #e8d6bc;
		border-radius: 4px;
		position: relative;
		height: 450px;
	}




	.location-card iframe {
		width: 100%;
		height: 450px;
		border: none;
		border-radius: 4px;
	}

	@media (max-width: 1024px) {
		.location-cards {
			grid-template-columns: 1fr;
		}
	}

	.location-card a {
		color: inherit;
	}

	.contact-statement {
		background-color: #457E0C;
		color: #FFF;
		padding: 15px;
		border-radius: 4px;
		margin: 20px 0;
		text-align: center;
	}

	.contact-statement a {
		color: #FFF;
		text-decoration: underline;
	}

	.contact-statement a:hover {
		text-decoration: none;
	}
	@media (max-width:836px){
.location-card img {
		max-width: 90%;

	}