body {
  background-color: #fff;
}
#wrapper {
  background-color: #fff;
  max-width: 330px;
  margin: 3% auto;
  text-align: center;
}
#wrapper label {
  text-align: left;
}
#wrapper input {
  box-sizing: content-box;
}
#wrapper button {
  width: 100%;
}
#wrapper nav {
  margin-top: 30px;
}
#wrapper nav a {
  display: block;
}

@media all and (min-width: 600px) {
  body {
    background-color: #ccc;
  }
  #wrapper {
    padding: 45px;
  }
}