.PageContainer {
	margin: 0px; padding: 0px;
	}
.PageBodyContainer {
	min-height: 100vh; background: #000000 url('../Images/Background-Boggy-Creek-Monster.jpg') top right no-repeat; background-size: cover;
	}
.PageBody {
	width: 1400px; margin: auto; padding: 25px; padding-top: 40px; font-size: 1.5rem; color: #FFFFFF; text-align: left; text-shadow: 2px 2px 5px #000000;
	}
.PageBody H1 BR {
	display: none;
	}
.PageBody H2 {
	margin-top: 20px;
	}
.PageBody A {
	font-size: 1.2rem; 
	}
.PageCopyright {
	margin-top: 30px; font-size: 0.9rem;
	}
.ProductList {
	width: 100%; margin-top: 40px; margin-bottom: 30px; display: flex; flex-wrap: wrap; gap: 30px;
	}
.ProductImage {
	width: 23%; height: auto; text-align: right; object-fit: cover;
	}
.ProductImage IMG {
	border: 1px solid #FFFFFF; box-shadow: 0px 0px 12px 0px #000000;
	}
.ProductImage IMG:Hover {
	filter: brightness(1.10);
	}
.ProductDetails {
	width: 100%; margin-top: 25px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: start;
	}
.ProductPrice {
	margin: 10px; margin-top: 6px;
	}
.SubmitButton {
	width: 120px; height: 42px; background: url("../Images/Button-Buy-Now.png") no-repeat; background-size: cover; cursor: pointer;
	}
.SubmitButton:Hover {
	transform: scale(1.05);
	}
@media screen and (min-width: 1600px) {
	.PageBody {
		padding-top: 80px;
		}
	}
@media screen and (min-width: 1400px) and (max-width: 1600px) {
	.PageBody {
		padding-top: 60px;
		}
	}
@media screen and (max-width: 1600px) {
	.PageBody {
		width: 100%; font-size: 1.1rem;
		}
	.PageBody H1 {
		font-size: 2.6rem;
		}
	.PageBody H2 {
		font-size: 2.0rem;
		}
	.ProductList {
		margin-top: 20px; margin-bottom: 10px; gap: 25px;
		}
	.ProductImage {
		width: 20%;
		}
	.ProductPrice {
		margin-top: 10px;
		}
	}
@media screen and (max-width: 1060px) {
	.PageBody {
		width: 100%; font-size: 1.1rem;
		}
	.PageBody H1 {
		font-size: 2.4rem;
		}
	.PageBody H2 {
		font-size: 1.8rem;
		}
	.ProductList {
		gap: 25px;
		}
	.ProductImage {
		width: 200px;
		}
	.ProductPrice {
		margin: 10px;
		}
	}
@media screen and (max-width: 620px) {
	.PageBodyContainer {
		background-position: 0px 0px;
		}
	.PageBody {
		width: 100%; padding-top: 30px; font-size: 1.0rem;
		}
	.PageBody H1 {
		font-size: 2.0rem;
		}
	.PageBody H2 {
		font-size: 1.6rem;
		}
	.ProductImage {
		width: 100%;
		}
	.ProductPrice {
		margin-top: 10px;
		}
	.PageBody A {
		font-size: 0.9rem; 
		}
	}
@media screen and (max-width: 500px) {
	.PageBody H1 {
		font-size: 1.6rem;
		}
	.PageBody H2 {
		font-size: 1.4rem;
		}
	.ProductList {
		margin-top: 20px; margin-bottom: 10px;
		}
	.ProductImage {
		width: 100%;
		}
	.ProductPrice {
		margin-top: 10px;
		}
	.PageBody A {
		font-size: 0.9rem; 
		}
	}