@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,500i,700,700i,900,900i');

/* INTERESSE */
.interesse { width: 100%; height: auto; position: relative; clear: both; padding: 130px 0px 0px 0px; }
.interesse p { text-align: center; font-family: 'Roboto'; font-size: 18px; font-weight: 700; color: #313131; padding: 25px 0px; }

#contato { width: 94%; padding: 30px 3% 50px 3%; height: auto; text-align: center; }
#contato input[type=text] { float: left; width: -moz-calc(100% - 20px); background-color: #eaeaea; width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); padding: 0px 10px; margin-bottom: 10px; height: 40px; font-family: 'Roboto'; font-size: 14px; text-align: left; color: #313131;  }
#contato textarea { float: left; width: -moz-calc(100% - 20px); background-color: #eaeaea; width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); padding: 10px 10px; margin-bottom: 10px; height: 85px; font-family: 'Roboto'; font-size: 14px; text-align: left; color: #313131;  }
#contato input[type=submit] { padding: 0px 20px; cursor: pointer;  clear: both; text-transform: uppercase; font-family: 'Roboto'; width: auto; height: 45px; background-color: #313131; font-size: 14px; text-align: left; color: #ffffff; margin: 10px auto; display: inline-block; }
#contato input[type=submit]:hover { background-color: #000000; padding: 0px 23px; }
#contato .formulario { width: 500px; height: auto; margin: 0 auto; font-family: 'Roboto'; color: #313131; font-size: 14px; 	 }

@media screen and (max-width: 1024px) {
	section { padding-top: 80px; }

	#contato { width: 94%; padding: 20px 3% 50px 3%; text-align: center; }

	#contato input[type=text] { float: left; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); padding: 0px 10px; margin-bottom: 10px; height: 40px; font-family: 'Roboto'; font-size: 14px; text-align: left; color: #313131;  }
	#contato textarea { float: left; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); padding: 10px 10px; margin-bottom: 10px; height: 85px; font-family: 'Roboto'; font-size: 14px; text-align: left; color: #313131;  }
	#contato input[type=submit] { padding: 0px 20px; cursor: pointer; float: none; margin: 20px auto; font-family: 'Roboto'; width: auto; height: 45px; background-color: #313131; font-size: 14px; text-align: left; color: #ffffff; display: inline-block;  }
	#contato input[type=submit]:hover { background-color: #000000; padding: 0px 23px; }
	
	#contato .formulario { width: 100%; }
}