.grid-item {
			margin: 0;
			position: relative;
    }

		.grid-item p {
			margin: 0;
		}

    /* Adjust the first row to span two columns */
    

.location {
	background-color: var(--alt-bg);
		  	border-left-color: var(--acc-1);
		  	border-left-width: 5px;
		  	border-left-style: solid;
		padding: 15px 15px 15px 10px;


}
/* .location { */
/*  */
/*  */
/* } */
/*  */
/*  */
/*  */
.map-button {
	color: var(--fg);
	background-color: var(--acc-1);
	padding: 5px;
	border: solid 3px var(--acc-1);
	border-radius: 8px;
}

.map {
	display: flex;
}
.map-txt-grid {
	display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 1fr;
  grid-gap: 10px;
	position: relative;
	left: 15px;
}

.map img {
	display: block;
}



@media screen and (max-width: 755px) {

	.map {
		display: block;
	}

	.map-button {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	/* .map img, .map-txt-grid { */
	/* 	width: 95%; */
		/* display: block; */
		/* margin-left: auto; */
		/* margin-right: auto; */
	/* } */

	div.location {
		width: 95%;
		margin-left: auto;
		margin-right: auto;

		
		/*   	padding: 20px; */
		/*   	margin: 0; */
	}

	.map img {
		width: 100%;
	}

	.map-txt-grid {
		display: grid;
		grid-template-rows: auto auto; /* Two rows, first row adjusts to content, second row adjusts to content */
		grid-template-columns: 1fr 1fr; /* Two columns for the entire grid */
	}

	.map-txt-grid {
		margin-top: 10px;
		left: 0;
	}
	.grid-item:first-child {
		grid-column: span 2; /* Span two columns */
	}

}