html, body {
  width: 100%;
  display: block;
}

.logo {
  width: 40%;
  text-align: left;
  float: left;
}


.logo img {
  display: block;
  width: 46%;
  padding: 1em 7em;
}

.headtext {
  text-align: right;
  width: 40%;
  float: right;
  margin-right: 0em;
}


.headtext h1 {
  font-size: 3.2vw;
  margin: 0em;
  font-family:  'D-DIN-Condensed';
  padding: 0.4em 2em 0 0;
  color: #888;
}


main {
  position: relative;
  width: 100%;
}

.bgimage img {
  display: block;
  width: 100%;
}


.login {
  position: absolute;
  margin-left: calc(50% - 8em);
  top: 50%;
  width: 16em;
  border: 0px solid red;
}
.loginform input, .loginform button {
  display: block;
  width: 15em;
  height: 2em;
  margin: 1em auto;
  border-radius: 3px;
}

.loginform button {
  color: #fff;
  background-color: #cf1719;
}