/* CSS Document */
* { box-sizing: border-box; font-family: "Arial"; }

/* generali */
body { margin: 0; padding: 1em; text-align: center; }
#login { background-color: lightgrey; margin: auto; width: 100%; padding: 2em 0.5em; }
#login > p { margin: auto; text-align: center; }
#login img { margin: auto; height: 7em; }
.errore { color: red; }
input[type=text], input[type=password] { display: inline-block; width: 70%; }
label { display: inline-block; width: 25%; text-align: right; padding-right: 0.1em; }
input[type=submit] { display: inline-block; width: 30%; margin: auto; }
.center { text-align: center; }

@media screen and (orientation: landscape) {
  #login {
    width: 60%;
    margin: auto;
  }
}