@media only screen and (max-height: 705px) {
    .area-form .area-int-form{
        padding: 4%; 
    }
    .area-content{
          top: 30%;
    }
    .area-form{
        /*top:20%;
        left: 5%;*/
    }
    .section-formbg{
          height: 85%;
          right: 18px;
    }
    section{
      /*min-height: 490px;*/
    }
    .area-form-completed{
      /*top: 23%;*/
    }
}

 @media only screen and (min-width: 1200px) {
  /*.area-form .area-int-form {
    padding: 60px 0;
  }*/
 }

 @media only screen and (max-width: 500px) {
    .area-content{
        max-width: 80%;
       top: 30%;
    }
    .area-form{
       max-width: 95%;
           top: 15%;
    }
    .area-content-slogan{
      font-size: calc(1rem + 2vw);
    }


    .area-form .area-int-form{
          padding: 40px 20px;
    }
    .area-form-completed{
      max-width: 95%;
    }
   .area-form-completed .area-int-form-completed{
        padding: 30px;
   }
    
    .section-home{
      background-position: 50% 0px;
    }

    .area-form .logotipo-color{
      max-width: 240px;
    }

    .area-form{
      padding: 15px 15px;
      left:0;
      right:0; 
      width: 95%;
      margin: 0 auto;
          background: rgba(255, 255, 255, 0.85);
    }
    .section-formbg{
        position: absolute;
        background-size: cover;
        height: 100%;
        width: 100%;
        right: 0;
        top: 60px;
        z-index: 0;
    }

  }



@media only screen and (min-width: 1700px) {
  .section-home{
    background-position: 0% 0%;
  }
}