body {
		background-color: #424242;
		background-image: url('./files/bback.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
	.container {
		display: flex; /* Enables Flexbox for the container */
		flex-direction: row; /* Arranges items in a row by default (desktop) */
		gap: 20px; /* Adds space between columns */
		align-items: center;
		max-width: 1400px; 
		width: 100%
		}
	.column {
		flex: 1; /* Makes columns take up equal available space */
		padding: 20px;
		border: 0px solid #ccc;
		align-items: center;
		justify-content: center;
		max-width: 90vw;
		}
	/* Media query for mobile devices */
	@media (max-width: 1100px) { /* Adjust breakpoint as needed */
	.container {
		flex-direction: column; /* Stacks columns vertically on smaller screens */
		}
		}
	.grid-container {
		display: grid; /* Enables CSS Grid for the container */
		grid-template-columns: 1fr 1fr; /* Creates two equal-width columns by default (desktop) */
		gap: 2px; /* Adds space between columns */
		}
	.grid-item {
		padding: 0px;
		border: 1px solid #ccc;
		}
	@media (max-width: 1100px) { /* Adjust breakpoint as needed */
		.grid-container {
			grid-template-columns: 1fr; /* Changes to a single column on smaller screens */
			}
			}
	@media (max-width: 700px) {
		.column {
			color: black;
			font-size: 30px;
			}
		.buttonb {
			color: #ffffff;
			background-color: #0053e2;
			border: 1px solid #ffffff;
			border-radius: 15px;
			padding: 0px 0px;
			cursor: pointer;
			}
		.buttonb {
			width: 300px;
			height: 55px;
			font-size: 30px;
			font-family: everyday;
			}	
		.buttonb:hover {
			background: #001e60;
			color: #ffffff;
			}
		.buttonlarge {
			color: #ffffff;
			background-color: #0053e2;
			border: 2px solid #ffffff;
			border-radius: 20px;
			padding: 0px 0px;
			cursor: pointer;
			}
		.buttonlarge {
			width: 320px;
			height: 65px;
			font-size: 26px;
			font-family: everyday;
			}	
		.buttonlarge:hover {
			background: #001e60;
			color: #ffffff;
			}
		.buttonw {
			color: #ffffff;
			background-color: #001e60;
			font-size: 20px;
			border: 1px solid #ffffff;
			border-radius: 15px;
			padding: 0px 0px;
			cursor: pointer;
			}
		.buttonw {
			width: 300px;
			height: 55px;
			font-size: 30px;
			font-family: everyday;
			}	
		.buttonw:hover {
			background: #001e60;
			color: #ffffff;
			}
		.buttonwide {
			color: #ffffff;
			background-color: #0053e2;
			border: 2px solid #ffffff;
			border-radius: 12px;
			padding: 0px 0px;
			cursor: pointer;
			}
		.buttonwide {
			width: 320px;
			height: 65px;
			font-size: 30px;
			font-family: everyday;
			}	
		.buttonwide:hover {
			background: #001e60;
			color: #ffffff;
			}	
			}
			}
	.buttonw {
		color: #ffffff;
		background-color: #001e60;
		font-size: 20px;
		border: 2px solid #ffffff;
		border-radius: 20px;
		padding: 15px 0px;
		cursor: pointer;
		}
	.buttonw {
		width: 380px;
		height: 80px;
		font-size: 38px;
		font-family: everyday;
		}	
	.buttonw:hover {
		background: #001e60;
		color: #ffffff;
			}
	.buttonb {
		color: #ffffff;
		background-color: #0053e2;
		border: 2px solid #ffffff;
		border-radius: 20px;
		padding: 0px 0px;
		cursor: pointer;
		}
	.buttonb {
		width: 380px;
		height: 80px;
		font-size: 38px;
		font-family: everyday;
		}	
	.buttonb:hover {
		background: #001e60;
		color: #ffffff;
			}
	.buttonsmall {
		color: #ffffff;
		background-color: #0053e2;
		font-size: 20px;
		border: 2px solid #ffffff;
		border-radius: 12px;
		padding: 0px 0px;
		cursor: pointer;
		}
	.buttonsmall {
		width: 150px;
		height: 50px;
		font-size: 24px;
		font-family: everyday;
		}	
	.buttonsmall:hover {
		background: #001e60;
		color: #ffffff;
		}
	.buttonxs {
		color: #ffffff;
		background-color: #0053e2;
		border: 1px solid #ffffff;
		border-radius: 3px;
		padding: 2px 8px;
		cursor: pointer;
		}
	.buttonxs {
		font-size: 30px;
		font-family: everyday;
		}	
	.buttonxs:hover {
		background: #001e60;
		color: #ffffff;
		}
	.buttonwide {
		color: #ffffff;
		background-color: #0053e2;
		border: 2px solid #ffffff;
		border-radius: 12px;
		padding: 0px 0px;
		cursor: pointer;
		}
	.buttonwide {
		width: 400px;
		height: 70px;
		font-size: 40px;
		font-family: everyday;
		}	
	.buttonwide:hover {
		background: #001e60;
		color: #ffffff;
		}
	.buttonlarge {
		color: #ffffff;
		background-color: #0053e2;
		border: 2px solid #ffffff;
		border-radius: 12px;
		padding: 0px 0px;
		cursor: pointer;
		}
	.buttonlarge {
		width: 400px;
		height: 70px;
		font-size: 28px;
		font-family: everyday;
		}	
	.buttonlarge:hover {
		background: #001e60;
		color: #ffffff;
		}
	.buttonexlarge {
		color: #ffffff;
		background-color: #0053e2;
		border: 2px solid #ffffff;
		border-radius: 12px;
		padding: 0px 0px;
		cursor: pointer;
		}
	.buttonexlarge {
		width: 400px;
		height: 70px;
		font-size: 48px;
		font-family: everyday;
		}	
	.buttonexlarge:hover {
		background: #001e60;
		color: #ffffff;
		}	
	.column {
		font-family:"everyday"
		}
	.column {
		color: black;
		font-size: 50px;
		}	
	a 	{
		text-decoration: none;
		}
	a:hover {
		color: "green"; /* Changes the link color to green when hovered */
		text-decoration: underline; /* Adds an underline on hover */
		}	
	@font-face 	{
		font-family: bogle;
		src: url(https://walmart.xKore.net/files/BOGLEREGULAR.OTF);
		}
	@font-face 	{
		font-family: everyday;
		src: url(https://walmart.xKore.net/files/EverydaySans-Regular.otf);
		}
	@font-face 	{
		font-family: myriad;
		src: url(https://walmart.xKore.net/files/MyriadProSemibold.ttf);
		}		
	input {
		padding: 10px 10px; 
		}
	.input {
		width: 80vw;
		max-width: 800px;
		height: 400px;
		font-size: 20px;
		color: #000000;
		font-family: bogle;
		border-radius: 20px;
		padding: 10px 10px;
		}
	inputs {
		padding: 10px 10px; 
		}
	.inputs {
		width: 80vw;
		max-width: 800px;
		height: 25px;
		font-size: 20px;
		color: #000000;
		font-family: bogle;
		border-radius: 15px;
		padding: 10px 10px;
		}
	.locinput {
		width: 2;
		height: 20px;
		color: #000000;
		font-size: 20px;
		font-family: bogle;
		border-radius: 15px;
		}
		inputs {
		padding: 20px 20px; 
		}
	.locinput {
		width: 35px;
		height: 20px;
		color: #000000;
		font-size: 20px;
		font-family: bogle;
		border-radius: 15px;
		}
	::placeholder {
		color: black;
		}
	p {
		line-height: 1;
		font-family: bogle;
		}
	.pe {
		line-height: 1;
		font-family: everyday;
		}
	.container {
		display: grid;
		place-items: center; /* Centers both horizontally and vertically */
		min-height:95vh;
		}