@media screen and (max-device-width: 823px) {
	body {
		width: 100vw;
		/* overflow: hidden; */
		margin: 0;
	}
	.nav {
		display: flex;
		flex-direction: row;
		height: 90px;
		background-color: #8693ab;
	}
	h1 {
		font-size: 2rem;
	}
	.nav h1 {
		font-size: 1.8rem;
		text-align: center;
		color: #bdd4e7;
		/* color: #4a515e; */
		font-weight: bold;
		width: 70vw;
		/* margin: 0 5%; */
		/* padding: 0 40px; */
		background-color: #4a515e;
		/* background-color: transparent; */
		position: absolute;
		top: 20px;
		left: 1px;
		height: 60px;
	}
	.bar {
		font-family: "Parisienne", cursive;
		display: inline-block;
		margin: 0 auto;
		position: relative;
		top: 70px;
		left: 8%;
	}
	button {
		font-size: 0.9rem;
		font-weight: lighter;
		padding: 1%;
		background-color: #bdd4e7;
		/* background-color: transparent; */
		border-radius: 5%;
		border: none;
		margin-right: 8px;
	}
	.statement {
		margin: 20% auto 20%;
		border: 2px solid #aab9cf;
		background-color: #f9fbfc;
		width: 90vw;
		overflow: hidden;
		box-shadow: 5px 5px 20px 5px #4a515e;
	}

	.services {
		display: flex;

		width: 100vw;
		margin: 1rem 0px 0px 0px;
		padding-left: 0px;
	}
	ul {
		display: flex;
		flex-direction: column;
		width: 90vw;
		margin: 0 auto;
		list-style-type: none;
		padding-left: 0px;
	}

	.ending {
		display: flex;
		flex-direction: column;
		width: 100vw;
		margin: 10% auto;
	}

	.ending h2 {
		font-size: 2rem;
		/* margin-top: 5%; */
		top: -20px;
	}
	.mission h2 {
		width: 50%;
		margin-top: 10%;
	}
	.lhbox {
		border: 5px solid #aab9cf;
		width: 95vw;
		box-shadow: inset 0px 0px 30px 5px rgba(74, 81, 94, 1);
	}
	.mission > p,
	.local > p,
	.lhbox > p {
		margin-top: 3%;
		margin-bottom: 3%;
	}
	.rhbox {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 95vw;
	}
	.opening {
		width: 450px;
		height: 410px;
		float: right;
	}

	li {
		margin-top: 10%;
		/* margin: 0 auto; */
		/* margin-bottom: 10%; */
		width: 90vw;
		list-style-type: none;
		padding-left: 0px;
		margin-left: 0px;
	}
	.listpic {
		height: 300px;
		width: 300px;
		margin: 20px;
	}
	footer {
		height: 75px;
		font-size: 1rem;
	}
	h2 {
		font-size: 1.2rem;
		margin: 0.5px;
	}
	p {
		margin: 0.5px;
	}
	.statementText {
		text-shadow: initial;
		font-size: 1.5rem;
	}
}

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

@media (max-width: 640px) {
}