html
{
   height:100%;
   width:100%;
}
body
{
   padding:0px;
   margin:0px;
   background-color:#E0F0CD;
   height:100%;
   width:100%;
   text-align:center;
}
.banner
{
   background-image:    linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) ,url(/images/FOTO-3.jpg);
   background-size:     cover;
   background-repeat:   no-repeat;
   background-position: center center;
   min-height:50%;
}
.logo
{
   width:50%;
   max-width:320px;
}
.formtext
{
   border:0px;
   outline:none;
   border-radius:10px;
   padding:12px;
   text-align:center;
   font-family:'Raleway';
   font-size:16px;
}
.formtext:active, .formtext:focus
{
   box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.2);
   -webkit-transition:all 200ms linear 0s;
   -moz-transition:all 200ms linear 0s;
   -o-transition:all 200ms linear 0s;
   -ms-transition:all 200ms linear 0s;
   transition:all 200ms linear 0s;
}
.button
{
   border:0px;
   outline:none;
   border-radius:10px;
   padding:12px;
   text-align:center;
   font-family:'Raleway';
   font-size:16px;
   background-color:#71A83C;
   color:white;
   cursor:pointer;
}
.xform_b
{
   font-family:'Raleway';
   font-size:16px;
   color:#71A83C;
}
.xform
{
   position:absolute;
   width: 550px;
   max-width: 85%;
   background-color: #FFFFFF;
   border-radius:20px;
   padding:12px;
   font-family:'Raleway';
   font-size:16px;
   color:#666666;
   left: 0;
   right: 0;
   margin: auto;
   box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
}