@import url("https://fonts.googleapis.com/css?family=Roboto:400,300|Roboto+Condensed:400,300");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; }

* {
  box-sizing: border-box; }

body {
  display: table;
  table-layout: fixed;
  font-size: 14px;
  font-family: "Roboto";
  background: #222; }

.align-middle {
  display: table-cell;
  vertical-align: middle; }

.container {
  max-width: 34em;
  width: 100%;
  padding: 0 2em;
  margin: 3em auto;
  text-align: center;
  color: #fff;
  font-weight: 300; }
  .container .fade {
    color: #666; }
    @media (max-width: 480px) {
      .container .fade {
        display: block;
        color: transparent; } }
  .container h1 {
    margin-top: 1.5em;
    padding: 1.5em 0 1em;
    border-top: solid 1px #333;
    font-family: "Roboto Condensed";
    font-weight: 300; }
  .container a {
    color: #fff;
    text-decoration: none;
    font-size: 2em;
    margin: 1em 0.5em 0 0.5em; }
    .container a:hover {
      color: #999; }

#sw-logo {
  max-width: 100%;
  height: auto; }