#email-form form {
	font-family: 'roboto', sans-serif;
	width: 80%          + 60px;
	margin: 0 auto 0;
	padding: 0 0 40px;
	border-radius: 3px;
	color: #fff !important;
}

#email-form input, #email-form textarea {
	font: inherit;
	font-size: 0.8em;
	margin: 0px 0px 26px;
	display: block;
	border: none;
	padding: 20px 10px 10px;
	border: solid 1px #F8931C !important;
	background: linear-gradient(to top, rgba(255,255,255,0), rgba(0,0,0,0.7)) !important;
	background-size: 100%;
	background-repeat: no-repeat;
	transition: background 0.3s cubic-bezier(.64,.09,.08,1);
	resize: none;
	overflow: hidden;
	outline: #F8931C !important;
}

#email-form textarea {
	height: 120px;
}

#email-form button {
	font-family: 'roboto', sans-serif;
	transition: transform 0.2s cubic-bezier(.64,.09,.08,1);
	box-shadow box-shadow: 1px 1px 10px 0px black;
	border: none;
	background: linear-gradient(to top, #F4A44E, #F8931C, #F8931C, #F8931C, #F4A44E);
	cursor: pointer;
	border-radius: 3px;
	padding: 6px;
	height: 50px;
	color: white;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	display: block;
	margin-top: 10px;
	box-shadow: 0 5px 6px 0 rgba(0,0,0,0.2) !important;
	transition: box-shadow 0.3s ease-in-out;
	font-size: 20px;
	text-shadow: 1px 1px 1px black;
}

#email-form button:hover {
	box-shadow: 1px 1px 20px 10px black, inset 1px 1px 30px 2px #ddd;
	transition: box-shadow 0.3s ease-in-out;
}

#email-form .text-color {
	color: white;
	border: solid 1px #F8931C;
}

#email-form ::placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #ccc;
	opacity: 1; /* Firefox */
}

#email-form :-ms-input-placeholder {/* Internet Explorer 10-11 */
	color: #ccc;
}

#email-form ::-ms-input-placeholder {/* Microsoft Edge */
	color: #ccc;
}

@media only screen and (min-width: 950px) {
	#email-form button {
		width: 230px;
	}

	#email-form input, textarea {
		width: 100%;
	}
}

@media only screen and (max-width: 951px) {
	#email-form button {
		width: 200px;
	}

	#email-form input, textarea {
		width: 100%;
	}
}

.contact-button-container {
	width: 100%;
}

#alert {
	font-family: 'roboto', sans-serif;
	transition: transform 0.2s cubic-bezier(.64,.09,.08,1);
	box-shadow: 1px 1px 10px 0px black;
	border: none;
	background: linear-gradient(to top, #F4A44E, #F8931C, #F8931C, #F8931C, #F4A44E);
	cursor: pointer;
	border-radius: 3px;
	padding: 7px;
	line-height: 32px;
	color: white;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	display: block;
	box-shadow: 5px 5px 6px 0 rgba(0,0,0,0.2);
	transition: box-shadow 0.3s ease-in-out;
	font-size: 20px;
	text-shadow: 1px 1px 1px black;
	position: absolute;
	z-index: 100;
	top: 40%;
	width: 30%;
	left: 35%;
	display: none;
}
