@import url("font-awesome.css");

body {
  background: none repeat scroll 0 0 #efefef;
  color: #333;
  font-size: 14px;
  line-height: 1.3;
  font-family: sans-serif;
}

body,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

#wrapper {
  max-width: 100%;
  width: 22em;
  display: table;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 2em;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 10px;
}

.logo img {
  display: block;
  margin: 0 auto 50px;
}

input[type="submit"] {
  margin: auto;
  display: block;
  position: relative;
  left: 1.25em;
}

@media (max-width: 768px) {
  body {
    background-color: #fff;
  }

  #wrapper {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: none;
  }
}