*{
  margin: 0;
  padding: 0;
}
html, body {
  overflow-x: hidden;
}
body {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  text-align: center;
  /*background-image: linear-gradient(#00ADEE, #F5E5D2);*/
  background-image:         linear-gradient(top, #00ADEE 0%, #F5E5D2 50%); /* W3C */
  background-image:    -moz-linear-gradient(top, #00ADEE 0%, #F5E5D2 50%); /* FF3.6+ */
  background-image: -webkit-linear-gradient(top, #00ADEE 0%, #F5E5D2 50%); /* Chrome10+,Safari5.1+ */
  color: #2B2B79 ;
  width: 100%;
  overflow-x: hidden;
  margin: 0 auto;
}
.mobile{display: block;}
.tablet{display: none;}
.desk  {display: none;}
.tabletDesk{display: none;}
.bolded{ font-weight: 800;}

.container { 
  overflow: hidden;
  margin: 0 auto; 
  padding: 30px 0 20px;
  max-width: 100%;
}
img{
  margin-left: auto; 
  margin-right: auto;
}
.img-header{padding: 0 20px 20px;}
.bloco-centro{height: auto; min-height: 85vh; }
.error{font-size: 12px; margin-bottom: 0;}
.bloco-centro div{
  /*display: inline-block; */
  margin: 10px auto;
  position: absolute;
}
.img-menino img, .img-menina img{height: 350px;}
.img-menino{float: left;  left: -38px;}
.img-menina{float: right; right: -40px; z-index: 9;}
.formulario{width: 100%; margin: auto; left: 2%; z-index: 10}
.form-texto{
  font-size: 13px;
  font-weight: 800;
}
label, input::placeholder, select option {  color: #2B2B79 !important; text-align: center; }
select{text-align-last:center; font-weight: 700;}
.form-control{
  background: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 10px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: #2B2B79;
  height: 60px;
  width: 250px;
  font-size: 16px;
  margin-top: 10px;
  font-weight: 400;
}
.form-foot{color: #333333; font-size: 14px;}
.bt-down{
  color: #fff; 
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 700;
  border-radius: 10px;
  height: 60px;
  width: 200px;
  margin: 20px auto;
  box-shadow: 0 6px 10px 0 rgba(0,0,0,0.4), 0 1px 18px 0 rgba(0,0,0,0.2), 0 3px 5px -1px rgba(0,0,0,0.2); 
}
.desativo{background: #666666;}
.ativo{background: #2B2B79;}
.footer{
  width: 95%;
  margin: 20px auto 0;
}
#obrigado{position: relative;}
@media screen and (min-width: 768px) {
  .tablet{display: block;}
  .mobile{display: none;}
  .desk  {display: none;}
  .tabletDesk{display: block;}  
  .mobile.footer{display: none;}
  .container { 
    margin: 0 auto; 
    padding: 30px 0 20px;
  }
  .img-header{padding: 0 10px;}
  .form-texto{ font-size: 21px;}
  .bloco-centro{height: auto; min-height: 60vh;}
  .bloco-centro div{
	position: relative; 
	display: inline-block; 
  }
  .img-menino img, .img-menina img{height: auto;}
  .img-menino{width: 190px; float: left; left: 0;}
  .img-menina{width: 225px; float: right; right: 0;}
  .formulario{width: calc(98% - 415px); margin: auto; padding-top: 30px; left: 0;}
  .form-control{
    background: #fff;
    height: 70px;
    width: 320px;
    font-size: 18px;
    margin-top: 10px;
  }
  .bt-down{
    font-size: 18px;
    height: 70px;
    width: 300px;
    margin: 20px auto;
  }
  .footer{
    width: 78%;
    margin: 20px auto 0;
  }
  .error{font-size: 18px; margin-bottom: 5px;}
}


@media screen and (min-width: 1024px) {
  .desk  {display: block;}
  .mobile{display: none;}
  .tablet{display: none;}  
  .tabletDesk{display: block;}
  .container {
	width: 750px;
    margin: 0 auto; 
    padding: 30px 0 20px;  
  }
  .img-menino{width: 190px; float: left;}
  .img-menina{width: 225px; float: right;}
  .formulario{width: calc(98% - 415px); margin: auto; padding-top: 30px;}
  
}