:root {
	--background: #f8f5f0;
	--header-font: #ffffff;
	--main: #2f2a25;
	--muted: #6f665a;
}

body,html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-variation-settings:"wdth" 100;
	background: var(--background);
}


#topHeader {
	width: 100%;
	padding: 8vw 0vw 8vw 0vw;
	background: var(--background) url('/images/header2.jpg') no-repeat center center;
	background-size: cover;
	color: var(--header-font);
}
#topHeader h1 {
	width: 100%;
	text-align: center;
	font-family: "Mea Culpa", cursive;
	font-weight: 400;
	font-style: normal;
	font-size: 10vw;
	text-shadow: 
		0px 0px 10px rgba(0, 0, 0, 0.6),
		0px 0px 70px rgba(0, 0, 0, 0.6);

}
#topHeader h2 {
	width: 100%;
	text-align: center;
	font-size: 4.0vw;
	padding-left: 24vw;
	margin-top: -2.5vw;
	text-shadow: 
		0px 0px 10px rgba(0, 0, 0, 0.6),
		0px 0px 70px rgba(0, 0, 0, 0.6);
}

#aboutus, #aboutcs, #images, #aroundus, #contact {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

#aboutus img {
	float: right;
	width: 20vw;
	border-radius: 18px;
	margin: 0rem 0rem 0rem 3rem;
}

#gallery img {
	width: 240px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: var(--bs-card-border-width) solid var(--bs-border-color-translucent);
	border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
}

#aroundus .card-img-top {
	height: 200px;
}

#aroundus .card-body a {
	display: block;
	width: 100%;
	padding-top: 0.5rem;
	text-decoration: none;
	font-weight: bold;
	color: var(--main);
}

#contact #mapContainer {
	height: 400px;
	width: 100%;
	border: var(--bs-card-border-width) solid var(--bs-card-border-color);
	border-radius: var(--bs-card-border-radius);
}

#contact #map {
	height: 100%;
	width: 100%;
	border-radius:
}

footer {
	background: #1f1b17;
	color: #e8e2d9;
	padding: 3rem 0rem 3rem 0rem;
}
footer .brand {
	color: #e8e2d9;
}
footer .copy {
	color: #bdb3a4;
}
footer a {
	width: 100%;
	display: block;
	color: #e8e2d9;
	text-decoration: none;
	text-align: right;
}
footer a:hover {
	color: #FFFFFF;
}

.pill {
	display: inline-block;
	background: #efe9df;
	color: #4b3f30;
	padding: .25rem .6rem;
	border-radius: 999px;
	font-size: .8rem;
}

.container h3 {
	margin-bottom: 2rem;
	color: var(--main);
}
.container p {
	font-size: 1rem;
	line-height: 1.6rem;
	color: var(--muted);
}

@media (max-width: 767.98px) {
	#topHeader {
		padding: 14vw 0vw 14vw 0vw;
	}
	#aboutus img {
		width: 100%;
		margin: 0rem 0rem 3rem 0rem;
	}
	footer a {
		text-align: center;
	}
	#gallery img {
		width: 100%;
	}
}