#logindiv {display:none;}
#logindiv {
  position:absolute;
  width:100%;
  height:100%;
  background-color: white;
  z-index: 999;
  padding:20px;
}
.label { 
  float:left; 
  width:115px; 
  text-align:right; 
  vertical-align:middle;
  margin:8px 10px 0 0; 
}
.field { float:left; width:290px; height:30px; padding-left:0.5em; padding-right:0.5em; }
.break { clear:both; }
a { margin-left:0.5em; }
@media screen and (max-width: 670px) {
  .label { width:100%; text-align:left; font-weight:bold; font-size:1.2em; }
  .buttonlabel { margin:0!important; height:0!important; }
  .field { width:calc(100% - 1em); height:40px; font-size:1.5em; }
  .break { clear:both; height:20px; width:100%; }
  .button { width:100%; height:40px; font-size:1.5em; }
#logindiv a { margin-left:auto; width:100%; margin-top:0.5em; display:block; font-size:1.5em; text-align:center; }
}
@media screen and (max-width: 500px) {
  form {
    width:auto;
    margin:0 auto;
  }
}