body {
  background-image: url('/_res/images/backgrounds/contact.jpg');  
}

body main article {
  background: none;
}

body main article form {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body main article form input,
body main article form textarea,
body main article form address {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  padding: 0;
  margin: 0;
}

body main article form input,
body main article form textarea {
  border: none;
  outline: none;
  font-size: 18px;
}

body main article form input {
  width: 250px;
  height: 50px;
  line-height: 50px;
  border-radius: 0px;
  padding: 0 20px;
  box-sizing: border-box;  
}

body main article form input[name="name"] {
  top: 0;
  left: 0;
}

body main article form input[name="email"] {
  top: 60px;
  left: 0;
}

body main article form input[type="submit"] {
  display: block;
  appearance: none;
  -webkit-appearance: none;
  top: 120px;
  left: 0;
  text-align: left;
  font-weight: bold;
  cursor: pointer;
}

body main article form textarea {
  top: 0;
  left: 260px;
  right: 0;
  bottom: 0;
  padding: 20px;
}

body main article form address {
  bottom: 0;
  left: 0;
  width: 250px;
  padding: 20px;
  box-sizing: border-box;
  top: 180px;
}

body main article form address div {
  position: absolute;
}

body main article form address div.contact {
  top: 20px;
  left: 20px;
}

body main article form address div.administration {
  bottom: 20px;
  left: 20px;
}

@media (max-width: 800px) {
  
  body main article form input,
  body main article form textarea,
  body main article form address {
    position: static;
    width: 100%;
    margin: 0 0 10px 0;
  }
  
  body main article form textarea {
    height: 200px;
  }  
  
  body main article form address div {
    position: static;
    margin-bottom: 20px;
  }
  
  body main article form address div:last-child {
    margin-bottom: 0;
  }
  
  body main article {
    height: 620px;
  }
  
}