body {
  background: url('../images/bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
body,html{
  height:100%;
}
.form-wrapper {
/*
  position: absolute;
  bottom: 50px;
  left: 50%;
*/
/*
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
*/
}

/*
textarea{
  display: block !important;
}
*/
input{
  width: 100%;
  margin-bottom: 20px;
}
.container{
  width: 100%;
  padding: 0;
}
/*
.logo{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/
.logo img{
  width: 700px;
  margin-bottom: 20px;
}

/*
.form-wrapper{
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
}
*/
.content{
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
form{

}
input[type="button"].button.normal{
  display: block;
  width: 200px;
  background: #e4833f;
  color: #fff;
  padding:10px;
  margin:0 auto;
  margin-top:20px;
  border: none;
  border-radius: 5px;
  text-transform: uppercase;
}
#send:hover{
  background: #e06a17;
}
p.atividade{
  font-family: 'Quicksand', sans-serif;
  text-align: center;
  color: #fff;
  font-size: 27px;
  margin-bottom: 40px;
}
#response{
  background-color: #fff3cd;
  border-color: #ffeeba;
  border-radius: 5px;
  margin-top:20px;

}
#response p{
  color: #856404;
  margin-bottom: 5px;
  padding: 3px 15px;
}
.facebook-link{
  display: block;
  margin-top:30px;
}
input[type="button"].button.error-button {
  background: #A50606 url('../images/icon-error.svg') center center;
  background-repeat: no-repeat !important;
  background-position: center center;
  display: block;
  width: 200px;
  padding:10px;
  margin:0 auto;
  margin-top:20px;
  border: none;
  border-radius: 5px;
  text-transform: uppercase;

}
input[type="button"].button.send-email {
  background: #16ae56 url('../images/icon-check.svg');
  background-repeat: no-repeat !important;
  background-position: center center;
  display: block;
  width: 200px;
  padding:10px;
  margin:0 auto;
  margin-top:20px;
  border: none;
  border-radius: 5px;
  text-transform: uppercase;
}
label{
  color:#fff;
}

/*==================================================  RESPONSIVE  ======================================================*/
@media(min-width:1400px){ /* 1400 pra cima */
  .content{
    width: 50%;
  }
}
/* LG ********************************************/
@media(min-width:992px) and (max-width:1199px) {
  .logo img{
    width: 650px;
  }
  .content{
    width: 94%;
  }
}

@media(min-width:768px){ /* 768 pra cima */

}
/* MD *******************************************/
@media(min-width:768px) and (max-width:991px) {
  .content{
    width: 94%;
    top: 52%;
  }
  .logo img{
    width: 560px;
  }
  p.atividade {
    font-size: 22px;
    margin-bottom: 17px;
  }
}

@media(max-width:991px) { /* 991 pra baixo */

}

@media(max-width:767px) { /* 767 pra baixo */

}

@media(max-width:575px) { /* 575 pra baixo */
  .content{
    width: 94%;
    top: 52%;
  }
  .logo img{
    width: 300px;
    margin-bottom:30px;
  }
  p.atividade {
    font-size: 22px;
    margin-bottom: 17px;
  }
}

/* SM *******************************************/

@media(min-width:576px) and (max-width:767px) {

  .content{
    width: 94%;
    top: 52%;
  }
  .logo img{
    width: 300px;
    margin-bottom:30px;
  }
  p.atividade {
    font-size: 22px;
    margin-bottom: 17px;
  }

}
/*Specific SOME SMARTPHONES*/
@media(max-width:360px) { /*360 pra baixo*/
  .content{
    width: 94%;
    top: 75%;
  }
  p.atividade {
    font-size: 18px;
    margin-bottom: 17px;
  }
  .logo img{
    width: 85%;
    margin-bottom:30px;
  }
}