* {
	padding: 0;
	margin: 0;
	scroll-behavior: smooth;
}

/* Navigation System */
/* Dropdown Button */
.dropdown_btn {
	padding: 1rem;
	border: none;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	background-color: #303a52;
	color: #fff;
}

.dropdown {
	position: relative;
	display: none;
	width: 100%;
	background-color: #303a52;
}

.dropdown_content {
	display: none;
	position: absolute;
	background-color: #fcf8ec;
	min-width: 160px;
}

.dropdown_content a {
	display: block;
	padding: 0.75rem 1.25rem;
	color: #000;
	text-decoration: none;
}

.dropdown_content a:hover {
	text-decoration: underline;
}

.show {
	display: block;
}

/* Nav End */
body {
	background-color: #d3d3d3;
}

/* Landing */
.pghome-container {
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("images/OldSF.png");
	background-position: center;
	width: 100%;
	min-height: 400px;
	text-align: center;
	color: black;
}

.pghome-content {
	max-width: 400px;
}

/* Page Two */
.page-two {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.page-two h2 {
	text-align: center;
	margin: 4rem 0 1rem 0;
}

.review-container {
	margin-top: 2rem;
}

.review {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 3rem;
}

.review img {
	display: block;
}

.review article {
	max-width: 500px;
	padding: 2rem;
	padding-bottom: 0;
}

/* Page Three */
.contact-form input {
	margin-bottom: 1rem;
}

.single-line {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.single-line input {
	margin-right: 0.5rem;
}

/* Page Four */
.page-four {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
}

.page-four figure {
	max-width: 200px;
}

/* Misc. */
.nav-sys {
	padding: 1rem;
}

.max-container-size {
	max-width: 800px;
	margin: 0 auto;
	padding: 2rem;
}

footer,
nav {
	background-color: #303a52;
}

footer a,
nav a {
	color: #fff;
}

footer {
	color: #fff;
	text-align: center;
	padding: 1rem;
}

.sticky {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
}

/* Media Queries */
@media (max-width: 400px) {
	.dropdown {
		display: inline-block;
	}

	.nav-sys {
		display: none;
	}
}