select {
		width: 200px;
		text-align-last: center;
}

.d-none {
	display: none;
}

img {
	border-radius: 5px;
}

.restArea-Container {
	display: grid; 
	grid-template-columns: 2fr 1fr 1fr 1fr 1fr; 
	grid-template-rows: 1fr 1fr 1fr 1fr; 
	gap: 2px 2px; 
	grid-template-areas: 
	  "raHeader raHeader raHeader raHeader raHeader"
	  "raImage raAmenity raAmenity raAmenity raAmenity"
	  "raImage raffBox ransBox rafrBox raactBox"
	  "raImage rafdaBox raspkBox ravmBox raatmBox"; 
}

#raQueryCount {				
	text-align: center;
}
#raNomatch {
	white-space: pre;
	grid-area: raHeader;
	background: #789AB5;
	border-radius: 5px;
	text-align: center;
	font-family:TimesNewRoman;
	color:#ffffff;
}
#raHeader {
	white-space: pre;
	grid-area: raHeader;
	background: #789AB5;
	border-radius: 5px;
	text-align: center;
	font-family:TimesNewRoman;
	color:#ffffff;
}
#raImage {
	grid-area: raImage;
	justify-content: center;
	align-content: center;
	text-align: center;
	width: 100%;
	height: 100%;
	background: #EDF1F5;
	border-radius: 5px;
	object-fit: cover;
}
#raClosure {
	grid-area: raImage;
	justify-content: center;
	align-content: center;
	text-align: center;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#raAmenity {
	grid-area: raAmenity;
	background: #C3D5DA;
	font-size: 20px;
	font-weight:bold;
	justify-content: center;
	align-content: center;
	border-radius: 5px;
	text-align: center;
}
#raffBox {
	grid-area: raffBox;
	font-size: 20px;
	justify-content: center;
	align-content: center;
	border: solid #464F4F;
	text-align: center;
}
#ransBox {
	grid-area: ransBox;
	font-size: 20px;
	justify-content: center;
	align-content: center;
	border: solid #464F4F;
	text-align: center;
}
#rafrBox {
	grid-area: rafrBox;
	font-size: 20px;
	justify-content: center;
	align-content: center;
	border: solid #464F4F;
	text-align: center;
}
#raactBox {
	grid-area: raactBox;
	font-size: 20px;
	justify-content: center;
	align-content: center;
	border: solid #464F4F;
	text-align: center;
}
#rafdaBox {
	grid-area: rafdaBox;
	font-size: 20px;
	justify-content: center;
	align-content: center;
	border: solid #464F4F;
	text-align: center;
}
#raspkBox {
	grid-area: raspkBox;
	font-size: 20px;
	justify-content: center;
	align-content: center;
	border: solid #464F4F;
	text-align: center;
}
#ravmBox {
	grid-area: ravmBox;
	font-size: 20px;
	justify-content: center;
	align-content: center;
	border: solid #464F4F;
	text-align: center;
}
#raatmBox {
	grid-area: raatmBox;
	font-size: 20px;
	justify-content: center;
	align-content: center;
	border: solid #464F4F;
	text-align: center;
}

/*Phone Portrait Viewing*/
@media only screen and (100px <= width <= 1024px) {
	.restArea-Container {
		grid-template-columns: 1fr 1fr 1fr 1fr; 
		grid-template-rows: 0.5fr 1fr 0.5fr 0.5fr 0.5fr; 
		gap: 2px 2px; 
		grid-template-areas: 
		  "raHeader raHeader raHeader raHeader"
		  "raImage raImage raImage raImage"
		  "raAmenity raAmenity raAmenity raAmenity"
		  "raffBox ransBox rafrBox raactBox"
		  "rafdaBox raspkBox ravmBox raatmBox"; 
	}
}