* {padding: 0; margin: 0; font-family: Arial; text-decoration: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: none;}
a img {border:none;}
body {background: url(../images/bg-foto-do-meu-ape.png) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-attachment: fixed;}
.wrapper {width: 100%; display: table;}
.wrapper .container {width: 800px; display: table; margin: 0 auto; padding: 0 15px;}
.wrapper .container .logo {display: table; margin: 50px auto 50px; width: 400px;}
.wrapper .container .logo img {width: 100%; height: auto;}
.wrapper .container p {font-size: 19px;color: #FFF;background: rgba(0,0,0,0.5);padding: 20px;}
.wrapper .container p span {display: table; width: 100%; text-align: center; font-size: 36px;}
.wrapper .container p .span-2 {font-size: 24px !important;}
.wrapper .container .box-social {display: table; margin: 50px auto 0;}
.wrapper .container .box-social a {font-family: FontAwesome; color: #000; background: #FFF; width: 60px; display: table; text-align: center; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; float: left; margin: 0 10px; font-size: 40px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.wrapper .container .box-social a i {line-height: 60px; display: table; width: 100%; text-align: center;}
.wrapper .container .box-social a:hover {background: #000; color: #FFF; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.wrapper .container form {display: table; width: 600px; margin: 50px auto;}
.wrapper .container form input[type=text], .wrapper .container form input[type=email] {width: 100%; height: 40px; font-size: 20px; padding: 0 15px; border: 2px solid #000; display: table; margin: 0 0 15px;}
.wrapper .container form textarea {width: 100%; height: 100px; font-size: 20px; padding: 8px 15px; border: 2px solid #000; display: table; margin: 0 0 15px; resize: none;}
.wrapper .container form button[type=submit] {background: #000; border: 2px solid #FFF; color: #FFF; padding: 7px 20px; float: right; font-size: 20px; text-transform: uppercase; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; cursor: pointer;}
.wrapper .container form button[type=submit]:hover {background: #FFF; color: #000; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.wrapper .container form ::-webkit-input-placeholder {color: #000;}
.wrapper .container form :-moz-placeholder {color: #000;}
.wrapper .container form ::-moz-placeholder {color: #000;}
.wrapper .container form :-ms-input-placeholder {color: #000;}
.loading {display: none;}
.message {width: 100%; display: table; margin: 15px 0 0; float: left;}
.message .red {background:#b4302b; padding: 7px 20px; width: 100%; display: table; color: #FFF; font-size: 18px; text-align: center;}
.message .green {background:#689c56; padding: 7px 20px; width: 100%; display: table; color: #FFF; font-size: 18px; text-align: center;}

@media screen and (max-width:1200px){
	.wrapper .container {width: 100%;}
	.wrapper .container p {font-size: 20px;}
}
@media screen and (max-width:680px){
	.wrapper .container form {width: 100%;}
	.wrapper .container p {font-size: 18px;}
	.loading {width: 100%; float: left; text-align: center; margin: 10px 0 0;}
}
@media screen and (max-width:500px){
	.wrapper .container .logo {width: 90%;}
}