#bgVideo {
	position: fixed;
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	z-index:-100;
	right: 0;
	bottom: 0;
}


body{
		overflow-x:hidden;
		object-fit: cover;
		display:flex;
		
		width:100%;
		justify-content:center;
		align-items:center;
		font-family:Montserrat,sans-serif;color:#2a5298
	}
	
	


		#response{display:flex;flex-direction:column;gap:2.5vw;padding:2vw;width:100%;max-width:none}
		.meter-card{
			background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:2vw;padding:2vw;box-shadow:0 8px 24px rgba(42,82,152,.1);text-align:center;transition:transform .3s;border:1px solid rgba(42,82,152,.1)
				}
		.meter-card:hover{
			transform:translateY(-0.5vw);border:1px solid rgba(42,82,152,.2);box-shadow:0 8px 32px rgba(42,82,152,.15);background:#fff
				}
		.tier-name{
			font-size:clamp(1.2rem,2vw,2.5rem);color:#3a6cbd;text-transform:uppercase;letter-spacing:2px;margin-bottom:1vw
				}
		.amount{
			font-size:clamp(2rem,3vw,4rem);color:#2a5298;margin-bottom:1vw;word-break:break-word;overflow-wrap:break-word;white-space:normal;text-overflow:ellipsis;overflow:hidden;max-width:100%
				}
		.min-max{
			font-size:clamp(0.8rem,1vw,1.2rem);color:rgba(42,82,152,.7);display:flex;justify-content:space-between;border-top:1px solid rgba(42,82,152,.1);padding:1.5vw 2vw .5vw;margin-top:1vw
				}
		.min-max span{
			padding:.5vw
				}
		.error{
			color:#f44;text-align:center;padding:2vw;background:rgba(255,255,255,.9);border-radius:2vw;border:1px solid rgba(255,68,68,.3)
				}


			.Snoball-Blitz-Logo {
				padding-left: 0;
				width: 100%;
				max-width: 200px;
			}

			.Winner-Text {
				position: static;
				display: block;
				
				max-width: 700px;
				padding-right: 25px;
			
			}


		@media only screen and (min-width: 1650px) {
			#pageWrap {
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 100px;
				width:100%;
				max-width: 750px;
				max-height: 815px;
			}

			.left-col {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}

			.Snoball-Blitz-Logo {
				width: 49vw;
				max-width: 700px;
			}

			.Winner-Text {
				width: 35vh;
				max-width: 500px;
				margin-top: 2vw;
				align-self: center;
			}

			#response {
				margin: 0;
				flex: 1 1 0;
				height: 100%;
				align-self: stretch;
			}
		}

		@media only screen and (max-width: 1650px) {
			#pageWrap {
			
				width: 100vw;
				max-width: 50%;
				display: flex;
				flex-direction: column;
				align-items: center;
				padding: 5%;
			}

			.left-col {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				width: 100%;
			}

			.Snoball-Blitz-Logo {
				padding-left: 0;
				width: 100%;
				max-width: 90vw;
			}

			.Winner-Text {
				position: static;
				display: block;
				width: 100%;
				max-width: 40vw;
				padding-bottom: 0;
				
			}
			
			#response {
				margin: 4vw 0;
				width: 65vw;
				max-width: 65vw;
				padding: 0 2vw;
			}

		
}

.footerContent {
	width:100%;
	max-width: 100%;
	display: flex;
	justify-content:center;
	align-items: center;
}

.footerContent img {
	width:250px;
	height: auto;

}

#footerZone {
	
	position:absolute; /* Or position: sticky; depending on desired behavior */
	left: 0;
	bottom: -50vh;	
	width: 100%;
	height: 275px;
	padding: 10px;
	background-color: #002d5e;
	z-index: -100;
	overflow-x:hidden;
}


@media only screen and (max-width: 1650px) {
		

#footerZone {
	position:absolute; /* Or position: sticky; depending on desired behavior */
	left: 0;
	bottom: -50vw;	
	width: 100%;
	height: 275px;
	text-align: center;
	padding: 10px;
	background-color: #002d5e;
	z-index: -100;
	overflow-x:hidden;
}
				
	}


@media only screen and (max-width: 900px) {
		

#footerZone {
	position:absolute; /* Or position: sticky; depending on desired behavior */
	left: 0;
	bottom: -50vw;	
	width: 100%;
	height: 500px;
	text-align: center;
	padding: 10px;
	background-color: #002d5e;
	z-index: -100;
	overflow-x:hidden;
}
	
	.footerContent {
	padding-top: 10%;
	width:100%;
	max-width: 100%;
	display: block;
	
	
	
}

.footerContent img {
	margin:0 auto;
	width:250px;
	height: auto;
	display: block;
	
}
				
	}