/* For contact.html file */

/* Contact header */

.contact {
	margin-left: 17%;
	text-align: center;
}

.contact-info {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: fit-content;
}

.contact h1 {
	text-align: center;
	font-size: 3vw;
	font-family: 'Ubuntu';
	padding-top: 1.5vw;
	color: #444;
	margin-top: 0px;
}

.contact select, p {
	text-align: center;
	font-size: 1.35vw;
	font-family: 'Quicksand';
	margin-bottom: 1vw;
}

.contact p {
	font-size: 1.5vw;
	font-family: 'Ubuntu';
}

.contact-form-container {
	display: block;
	width: 50vw;
	margin-left: auto;
	margin-right: auto;
}

.contact-form-container input, textarea {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 1.1vw;
}

.contact-form-container textarea {
	resize: none;
	border-radius: 7px;
}

/* Errors */
.contact-error {
	color: #800000;
}

.contact-success {
	color: #4BB543;
}

/* Divider */
.contact-div {
	display: inline;
}

.contact-div p {
	float: right;
	vertical-align: middle;
	padding-top: 15vw;
}

.contact-div form{
	float:left;
}