/*
SPACING SYSTEM (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128

FONT SIZE SYSTEM (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
*/

.Player_Button_Contact_Us {
	display: flex;
	justify-content: center; /* Horizontal centering */
	align-items: center; /* Vertical centering */
}

.ContactUs-header {
	text-align: center;
}

.Content-Container-Resize {
	width: 50%;
	border: solid;
	border-color: black;
	justify-content: center;
	margin-left: 25%;
	margin-right: 25%;
	border: none;
}

input {
	vertical-align: top;
	margin: 0;
}

.ContactUs-container {
	display: grid;
	grid-template-columns: 0.25fr 1fr;
	gap: 1.6rem;
	padding: 1.6rem;
	width: 75%;
	/*border:solid;*/
	justify-content: center;
	margin-left: 12.5%;
	margin-right: 12.5%;
}

.Contact-Header {
	border: black;
	grid-row: 1/ 2;
	grid-column: 1 / -1;
}

.ContactUs-Email-Error {
	grid-row: 2/ 3;
	grid-column: 1 / -1;
	color: red;
}

.Email-Label {
	grid-row: 4 / 5;
	grid-column: 1 / 2;
	margin-top: 0em;
}

.email {
	grid-row: 4 / 5;
	grid-column: 2 / 3;
}

.ContactUs-FName-Error {
	grid-row: 4 / 5;
	grid-column: 1 / -1;
	color: red;
}

.ContactUs-FName-Label {
	grid-row: 5 / 6;
	grid-column: 1 / 2;
}

.ContactUs-FName {
	grid-row: 5 / 6;
	grid-column: 2 / 3;
}

.ContactUs-LName-Error {
	grid-row: 6 / 7;
	grid-column: 1 / -1;
	color: red;
}

.ContactUs-Last_Name-Label {
	grid-row: 7 / 8;
	grid-column: 1 / 2;
}

.ContactUs-Last_Name {
	grid-row: 7 / 8;
	grid-column: 2 / 3;
}

.ContactUs-Message-Error {
	grid-row: 8 / 9;
	grid-column: 1 / -1;
	color: red;
}

.ContactUs-Message-Label {
	grid-row: 9 / 10;
	grid-column: 1 / 2;
}

.ContactUs-Message {
	grid-row: 9 / 10;
	grid-column: 2 / 3;
}

.ContactUs-Submit-Button {
	grid-row: 10 / 11;
	grid-column: 1 / -1;
	height: 4.6875em;
}

.ContactUs-Captcha-Error {
	grid-row: 11 / 12;
	grid-column: 2 / 3;
	height: 4.6875em;
	color: red;
}

.ContactUs-Captcha {
	grid-row: 11 / 12;
	grid-column: 1 / 2;
	height: 4.6875em;
}

h2 {
	font-size: 2.25em;
	color: #4b629c;
	margin-bottom: 1.5em;
	line-height: 1;
}

@media(max-width: 58em) {
	.Content-Container-Resize {
		width: 100%;
		height: 50%;
		overflow-y: scroll;
		margin-left: 0%;
		margin-right: 0;
	}

	.ContactUs-container {
		/*display: grid;
        grid-template-columns: 0.25fr 1fr;
        gap: 1.6rem;
        padding: 1.6rem;
        width: 75%;        
        justify-content: center;*/
		margin-left: 0%;
		margin-right: 0%;
	}

	.ContactUs-Submit-Button {
		width: 100%;
	}

	.ContactUs-Captcha-Error {
		grid-row: 10 / 11;
		grid-column: 2 / 3;
		height: 4.6875em;
		color: red;
	}

	.ContactUs-Captcha {
		grid-row: 10 / 11;
		grid-column: 1 / 2;
		height: 4.6875em;
	}
}

@media(max-width: 25em) {

	.Player_Button_Contact_Us {
		margin-left: 5%;
	}

	.ContactUs-container {
		grid-template-columns: 1fr;
		gap: 1.6rem;
		padding: 1.6rem;
		width: 75%;
		justify-content: center;
		margin-left: 1.6rem;
		margin-right: 1.6rem;
	}

	.ContactUs-Email-Error {
		grid-row: 1/ 2;
		grid-column: 1 / -1;
	}

	.Email-Label {
		grid-row: 2 / 3;
		grid-column: 1 / -1;
		margin-top: 0em;
	}

	.email {
		grid-row: 3 / 4;
		grid-column: 1 / -1;
	}

	.ContactUs-FName-Error {
		grid-row: 4 / 6;
		grid-column: 1 / -1;
		color: red;
	}

	.ContactUs-FName-Label {
		grid-row: 5 / 6;
		grid-column: 1 / -1;
	}

	.ContactUs-FName {
		grid-row: 6 / 7;
		grid-column: 1 / -1;
	}

	.ContactUs-LName-Error {
		grid-row: 7 / 8;
		grid-column: 1 / -1;
		color: red;
	}

	.ContactUs-Last_Name-Label {
		grid-row: 8 / 9;
		grid-column: 1 / -1;
	}

	.ContactUs-Last_Name {
		grid-row: 9 / 10;
		grid-column: 1 / -1;
	}

	.ContactUs-Message-Error {
		grid-row: 10 / 11;
		grid-column: 1 / -1;
		color: red;
	}

	.ContactUs-Message-Label {
		grid-row: 11 / 12;
		grid-column: 1 / -1;
	}

	.ContactUs-Message {
		grid-row: 12 / 13;
		grid-column: 1 / -1;
	}

	.ContactUs-Submit-Button {
		grid-row: 13 / 14;
		grid-column: 1 / -1;
		height: 4.6875em;
	}

	.ContactUs-Captcha {
		grid-row: 14 / 15;
		grid-column: 1 / 2;
		height: 4.6875em;
	}

	.ContactUs-Captcha-Error {
		grid-row: 15 / 16;
		grid-column: 1 / -1;
		height: 4.6875em;
		color: red;
	}
}