@media (max-width: 1500px)
{
	.LandingText > h1
	{
		font-size: 60px !important;
	}

	.LandingText > h3
	{
		font-size: 30px !important;
	}

	.BGSlideshow > .Image
	{
		background-position-y: -100px !important;
	}
}

@media (max-width: 1300px)
{
	.VerticalWrap
	{
		flex-direction: column-reverse;
		align-items: center;
	}

	.Map
	{
		width: calc(100% - 6px);
	}

	.LandingMain
	{
		flex-direction: column;

		height: fit-content;
	}

	.LandingMain > .ButtonBox
	{
		align-items: center;
		top: 6rem !important;
	}

	.LandingMain > .TextBox
	{
		flex-direction: column;

		gap: 1rem !important;

		height: fit-content;

		width: calc(100% - 4rem);

		margin-left: 2rem;
		margin-right: 2rem;
	}

	.LandingMain > .TextBox > p
	{
		margin-left: 0 !important;
	}

	.ProductEntry
	{
		width: 50rem  !important;
		height: calc(11.5rem + 10px);
		border-radius: 35px;
	}

	.ProductImage
	{
		height: 7.5rem !important;
		border-radius: 37px  !important;
	}
}

@media (max-width: 1000px)
{
	html
	{
		--ExpandedProductSize: 21rem;
	}

	.Map
	{
		width: calc(100% - 6px);
		height: 200px;
	}

	.LandingText
	{
		top: 164px !important;
	}

	h1
	{
		font-size: 50px !important;
	}

	h3
	{
		font-size: 20px !important;
	}

	h2
	{
		font-size: 30px !important;
	}

	p
	{
		font-size: 15px !important;
	}

	.ProductEntry > .ProductDescription
	{
		font-size: 10px !important;
	}

	.LandingText > h1
	{
		font-size: 50px !important;
	}

	.LandingText > h3
	{
		font-size: 20px !important;
	}

	.LandingMain > .TextBox > h2
	{
		font-size: 30px !important;
	}

	.LandingMain > .TextBox > p
	{
		font-size: 15px !important;
	}

	.BGSlideshow
	{
		height: 22em !important;
	}

	.BGSlideshow::before
	{
		height: 22em !important;
	}

	.LandingMain > .ButtonBox > div
	{
		width: 18rem !important;
		height: 7rem !important;
		line-height: 7.35rem !important;
		font-size: 20px !important;
		border-radius: 30px;
	}

	.AboutTitle
	{
		top: 10rem !important;
	}

	.AboutContainer
	{
		gap: 2.5rem !important;
		top: 13rem !important;
	}

	.AboutTextBox
	{
		width: 30rem !important;
		gap: 1.5rem !important;
	}

	.ProductEntry
	{
		width: 40rem !important;
		height: calc(7rem + 10px);
		border-radius: 28px;
	}

	.ProductIdentity
	{
		margin: 1rem  !important;
	}

	.ProductImage
	{
		height: 5rem !important;
		border-radius: 25px !important;
	}
}

@media (max-width: 700px)
{
	html
	{
		--BorderThickness: 3px !important;
		--ExpandedProductSize: 15rem;
	}

	header
	{
		height: 60px !important;
	}

	header > .HeaderButtons
	{
		width: 10rem !important;
	}

	header > img
	{
		height: 26px !important;
	}

	header > .HeaderButtons > div
	{
		width: 4rem !important;
		height: 1.25rem !important;
		line-height: 1.35rem !important;
		font-size: 7px !important;
	}

	h1
	{
		font-size: 30px !important;
	}

	h3
	{
		font-size: 12px !important;
	}

	h2
	{
		font-size: 20px !important;
	}

	p
	{
		font-size: 8px !important;
	}

	.Map
	{
		height: 150px;
	}

	.ProductEntry > .ProductDescription
	{
		font-size: 6px !important;
	}

	.LandingText > h1
	{
		font-size: 30px !important;
	}

	.LandingText > h3
	{
		font-size: 15px !important;
	}

	.LandingMain > .TextBox > h2
	{
		font-size: 20px !important;
	}

	.LandingMain > .TextBox > p
	{
		font-size: 10px !important;
	}

	.BGSlideshow > .Image
	{
		background-position-y: 0px !important;
	}

	.LandingMain > .ButtonBox > div
	{
		width: 10rem !important;
		height: 3rem !important;
		line-height: 3.25rem !important;
		font-size: 10px !important;
		border-radius: 16px;
	}

	.AboutTitle
	{
		top: 7rem !important;
	}

	.AboutContainer
	{
		gap: 2.5rem !important;
		top: 10rem !important;
	}

	.AboutTextBox
	{
		width: 20rem !important;
	}

	.ProductsContainer
	{
		gap: 1rem !important;
		top: 10rem !important;
	}

	.ProductEntry
	{
		width: 20rem !important;
		height: calc(3.5rem + 6px);
		border-radius: 14px;
	}

	.ProductIdentity
	{
		margin: 0.5rem  !important;
	}

	.ProductImage
	{
		height: 2.5rem !important;
		border-radius: 13px !important;
	}
}

@media (max-width: 400px)
{
	.LandingText
	{
		top: 140px !important;
	}
}