@charset "utf-8";


.parking {
width:95%;
margin:20px auto;
}

.parking img {
margin:auto !important;
}

article h2 {
border-left:7px solid #7b99cb !important;
color:#fff;
background-color:#194da3;
padding:2px 0 2px 10px !important;
margin:50px auto  !important;
font-size:1.4em !important;
}

article h3 {
border-left:7px solid #194da3 !important;
border-bottom:1px solid #194da3 !important;
padding:3px 0 3px 10px !important;
font-size:1.2em !important;
margin:15px auto 20px auto !important;
}

section {
	margin:80px auto !important;
}

.parking-map {
	text-align:center;
	margin-bottom:80px;
}

/*
.parking_cell {
display:inline-block;
width:45%;
margin:20px;
vertical-align:top;
}
*/
.parking_cell img {
	width:400px;
	aspect-ratio:4 / 3;
	object-fit:cover;
}


.parking_detail {
	border:1px solid #ccc;
	border-collapse:collapse;
	max-width:400px !important;
	margin:20px auto !important;
}


.parking_detail th {
	border:1px solid #ccc;
	border-collapse:collapse;
	text-align:center !important;
	font-weight:bold !important;
	width:90px;;
	padding:5px 10px;
	background:unset;
}

.parking_detail td {
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:5px 10px;
	text-align:left;
}

@media (min-width: 768px) {

	.parking-wrapper {
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:40px;
	}
}