/*------------------------------------------------------------------contact page-----------------------------------------------------------*/

#contact {
	overflow: ;
	width: 90%;
	margin: 5% auto 5% auto;
}



input:focus {
    outline:none;
}

#name {
	width: 100%;
	height: 33px;
	overflow: hidden;
	font-size: 20px;
	color: #999;
	float: left;
	font-family: 'Lato',Helvetica,Arial,sans-serif;
	margin-bottom: 20px;
	padding:10px 0px 10px 10px;
	border: #3e4240 1px solid;
	background: none;
}

#email {
	width: 100%;
	height: 33px;
	overflow: hidden;
	font-size: 20px;
	color: #999;
	float: left;
	font-family: 'Lato',Helvetica,Arial,sans-serif;
	margin-bottom: 20px;
	padding:10px 0px 10px 10px;
	border: #3e4240 1px solid;
	background: none;


	
}

#message {
	width: 100%;
	overflow: hidden;
	font-size: 20px;
	color: #999;
	font-family: 'Lato',Helvetica,Arial,sans-serif;
	margin-bottom: 20px;
	padding:10px 0px 10px 10px;
	border: #3e4240 1px solid;
	background: none;
}

#human {
	width: 100%;
	height: 60px;
	overflow: hidden;
	font-size: 20px;
	color: #999;
	padding:10px 0px 10px 10px;
	border: #3e4240 1px solid;
	background: none;
}


#submit {
	color: #3e4240;
	overflow: hidden;
	font-family: 'Lato', sans-serif;
	font-size: 1.2em;
	text-decoration: none;
	padding: 5px 10px;
	border: #3e4240 1px solid;
	/*border-radius: .5em;
	-webkit-box-shadow: 2px 2px 4px #000;
	box-shadow: 2px 2px 4px #000;
	text-shadow: 0px -1px 0px #03567B;*/
	background: none; 
	border-radius: 2px;
    -moz-border-radius: 2px;
	margin-top: 16px;
	margin-bottom: 40px;
	float: right;
}

#submit:hover {
	color: #fff !important;
	background: linear-gradient(151deg, rgba(247,126,126,1) 49%, rgba(234,87,87,1) 49%, rgba(234,87,87,1) 49%); 
	cursor: pointer;
}

.email-text {
	text-align: center;
	width: 70%;
	margin: 0 auto;
}


#sending {
	color: #000;
}

#response {
	color: #000;
}


@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) { 

	#contact {
	width: 80% !important;	
}




}





@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) { 

	#contact {

}


#name {
	width: 100%;
	float: none;
}

#email {
	width: 100%;
	float: none;
}



.email-text {
	width: 100%;
	text-align: left;
}


#submit {
	width: 100%;
}


}