form, .offset-group {
  margin-top: 1.5em;
}

p.result {
  text-align: center;
}

p.reason {
  text-align: center;
  color: #666;
  margin-top: -.5em;
}

@media (min-width: 768px) {
  div#logo {
    background-image: url("/img/logo.png");
    background-color: white;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 25vh;
    margin: 1em auto;
  }

  #title {
    min-height: 10vh;
  }

  form, .offset-group {
    margin-top: 3em;
  }

  div.container {
    max-width: 40em;
    min-height: 90vh;
    position: relative;
  }

  form {
    max-width: 30em;
    margin: 2em auto;
  }

  form.singleMode {
    position: relative;
    top: 20vh;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
  }
}

footer {
  margin-top: 1em;
}

footer p {
  text-align: center
}

footer span#multiTemplates a {
  white-space: nowrap;
}