/* CONTACT */
.contact div {
	font-size: 2em;
	margin-bottom: 0.2em;
}
.contact span {
	position: absolute;
}
.contact input,
.contact textarea {
	width: 100%;
	height: 4em;
	padding-left: 4em;
	border: 2px solid #efefef;
	background-color: #fff;
	-webkit-transition: border-color 200ms ease;
	-moz-transition: border-color 200ms ease;
	-o-transition: border-color 200ms ease;
	transition: border-color 200ms ease;
}
.contact textarea {
	height: 10.6em;
	padding-top: 1.2em;
	resize: vertical;
}
.contact input:focus,
.contact textarea:focus,
.contact .submit:hover {
	outline: none;
	border-color: #ff6760;
}
input[disabled][value=""] {
	display: none;
}
.contact input[disabled],
.contact .submit {
	padding-left: 0;
	color: #999;
}
.contact .submit:hover {
	border-color: #83ff86;
}
.contact .submit[disabled]:hover {
	border-color: #ff6760;
}



.social {
    text-align: center;
}
.social span {
    font-size: 4em;
}




@media only screen and (max-width: 800px) {
	.contact input,
	.contact textarea {
		height: 3.4em;
		padding-left: 3.4em;
	}
	.contact textarea {
		height: 9em;
		padding-top: 0.9em;
	}
}
@media only screen and (max-width: 640px) {
	.contact input,
	.contact textarea {
		height: 3em;
		padding-left: 3em;
	}
	.contact textarea {
		height: 8em;
		padding-top: 0.6em;
	}
}