section.hero{
  height:100vh;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size:cover;
  background-image:url("puerta.jpg");
  background-position: center center;

}
article.login{
  background: rgba(33, 33, 33, 0.8);
  color:white;
  margin: auto 0px auto auto;
  padding: 1px 0px;
  text-align: center;
  min-width: 300px;
  width: 36%;
  min-height: 100vh;
}

article.login p{
margin: 20vh auto 20px;
font-size: 2em;
}

article.login form{
  font-size:1.2em;
  width:80%;
  margin:auto;
}

label{ 
  display:block;
  margin:10px 5px 15px 10px;
}

form.login > input{
}

form.login > input#submit {
  display:block;
  margin:30px auto;
  width:200px;
  height:60px;
}

form.login > .pass{
display:none; 
}