html, body {
  height: 100%; }

body {
  background: url("../images/garagem.jpg") no-repeat center top;
  background-size: cover;
  margin: 0;
  padding: 0; }

header {
  display: block;
  padding: 10px 0px;
  background-color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  header h1 {
    margin: 0;
    padding: 0; }
  header a {
    background: url("../images/logo.png") no-repeat center center;
    display: inline-block;
    width: 300px;
    height: 110px;
    text-indent: -999px;
    overflow: hidden; }

.container {
  height: 100%;
  position: relative; }

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%; }

.wifi {
  max-width: 520px;
  margin: auto;
  padding: 100px 40px 0px 40px; }
  .wifi dl {
    background-color: #fff;
    text-align: center;
    margin: 0;
    padding: 20px;
    margin-bottom: 20px; }
  .wifi dt, .wifi dd {
    margin: 0;
    padding: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 28px; }
    @media (min-width: 576px) {
      .wifi dt, .wifi dd {
        font-size: 38px; } }
  .wifi dt {
    font-weight: 700; }
  .wifi dd {
    font-weight: 200; }
    .wifi dd input {
      border: medium none;
      margin: 0;
      padding: 0;
      font-family: 'Oswald', sans-serif;
      font-weight: 200;
      font-size: 28px;
      text-align: center; }
      .wifi dd input:focus {
        outline: none; }
  .wifi .copy {
    text-align: center;
    padding-top: 10px; }
  .wifi button {
    color: #fff;
    background-color: #000;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    border: none;
    border-radius: 2em;
    padding: 10px 50px;
    cursor: pointer;
    font-size: 28px; }
    @media (min-width: 576px) {
      .wifi button {
        font-size: 38px; } }
    .wifi button:active, .wifi button:focus {
      outline: none; }
    .wifi button:hover {
      background-color: #222; }