/* contact-styles6.css 
THERE could be OLD & NEW STYLES HERE TO DISENTANGLE */

.contact-form
{
	/* 
  max-width: 500px;
 */
	max-width: 100%;
	margin: 10px auto;
	padding: 20px;
	background-color:  var(--sectiongreyback);
	border: 1px solid #ccc;
	font-size: 0.875rem;
}

.toggle-contact-form
{
	max-width: 85%;
	background-color: var(--blueish);
	color: #ffffff;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.875rem;

}

.toggle-contact-form:hover { background-color: var(--bluehover); }
#contact-form { display: none; }

#contact-form.show
{
	display: block;
	max-width: 90%;
}

label
{
	display: block;
	margin-bottom: 10px;
}

input[type="text"], input[type="email"],input[type="phone"], textarea
{
	width: 90%;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

select { margin-left: 20%; }

input[type="submit"]
{
	background-color: var(--greenish);
	color: #ffffff;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin-left: 40%;
	right: 50%;
	
}

input[type="submit"]:hover { background-color: var(--greenhover); }

/* Make the form responsive */

/* 
@media only screen and (max-width: 768px) {
≈
}
 */