div#success {
		text-align: center;
		box-shadow: 1px 1px 5px #455644;
		background:  #bae8ba; 
		padding: 10px;
		border-radius: 3px;
		margin: 0 auto;
		width: 350px;
	}

	div#failure {
		text-align: center;
		box-shadow: 1px 1px 5px #455644;
		background: orange; 
		padding: 10px;
		border-radius: 3px;
		margin: 0 auto;
		width: 350px;
	}

	.inputBox {
		width: 100%;
		margin: 5px 0px 15px 0px;
		border: #dedede 1px solid;
		box-sizing: border-box;
		padding: 10px;
		font-family: Arial;
		font-size:14px;
	}

	.inputTextArea {
		resize: vertical; /* Allows resizing only vertically */
		width: 100%; /* Or any fixed width you want */
		xheight: 400px; /* Set an initial height */
	}

	#OLDcontact-popup {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		color: #676767;
		z-index:999;
	}

	#contact-popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
		display: none; /* Hidden by default */
		justify-content: center;
		align-items: center;
		z-index: 998; /* Make sure it's above other content */
	}

	.OLDcontact-form {
		width: 350px;
		margin: 0px;
		background-color: black;
		border:3px white solid;
		font-family: Arial;
		position: relative;
		left: 50%;
		top: 50%;
		margin-left: -210px;
		margin-top: -255px;
		box-shadow: 1px 1px 5px #444444;
		padding: 20px 40px 40px 40px;
		z-index:999;
	}

/* The popup form itself */
.contact-form {
	width: 350px; /* 80%; Adjust as needed */
	xxmax-width: 500px;
	padding: 30px;
	xxbackground-color: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	xxtext-align: center;
	margin: 0px;
	background-color: #252525;
	border:5px #d70001d6 solid;
	font-family: Arial;
	font-size:14px;
	z-index:999;
	position: relative;
}

.info {
	color: #d30a0a;
	letter-spacing: 2px;
	padding-left: 5px;
}

#send {
	padding: 10px !important;
	font-family: Arial;
	font-size:14px;
	background-color: #d70001d6;
	border: 1px solid #72020b;
	color: white;
	width: 50%;
	cursor: pointer;
}

.close-button {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	font-size: 30px;
	cursor: pointer;
	color: white;
}

.close-button:hover {
	color: red;
}

#contact-popup-heading {
	font-weight: normal;
	font-family: 'Lobster', cursive;
	font-size:25px;
	text-align: center;
	margin: 10px 0px 20px 0px;
}

.input-error {
	border: #e66262 1px solid;
}