@import '../../fonts/lato-100.css';
html, body {
  height: 100%;
}

body {
  margin: 0 auto;
  padding: 0;
  color: #B0BEC5;
  display: table;
  font-weight: 100;
  font-family: 'Lato';
}

.container {
  padding-left:2rem;
  display: table-cell;
  vertical-align: middle;
}

.content {
  display: inline-block;
}

.title {
  font-size: 4rem;
}
.title.message {
  padding-left:5rem;
}
a{color: #0e8c8c !important;text-decoration: none;}
.text-center {text-align:center;}
.footer{
    position: fixed;z-index: 99;bottom: 50px;width: 100%;left: 0px;text-align: center;
    color: #888;
}
.button{font-size: 1.2em;}
.dev-icon {
  background: url("/static/images/dev.png") 0 0 no-repeat;
  background-size:100%;
  width: 10rem;
  height: 11rem;
  margin: 0 auto;
  opacity: 0.6;
}
.help-icon {
  background: url("/static/images/help.png") 0 0 no-repeat;
  background-size:100%;
  width: 10rem;
  height: 11rem;
  margin: 0 auto;
  opacity: 0.6;
}
.error404-icon {
  background: url("/static/images/404.png") 0 0 no-repeat;
  background-size:100%;
  width: 10rem;
  height: 14rem;
  margin: 0 auto;
  opacity: 0.6;
}