html {
  height: 100%;
}
html body {
  overflow: hidden;
  background: #fafafa;
  font-family: "Lato", sans-serif;
  position: relative;
  height: 100%;
  color: #282828;
}

html body .topbar {
  height: 80px;
  width: 100%;
  background: #282828;
}
html body .topbar .logo img {
  max-height: 270px;
}
html body .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
}
html body .content .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
html body .content .inner h1 {
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  line-height: 22px;
  font-weight: 300;
}
html body .content .inner p {
  font-size: 18px;
  text-align: center;
  line-height: 24px;
  font-weight: 300;
}
html body .content .inner p a {
  color: #ff7d01;
}

.titleHR {
    background: none repeat scroll 0 0 #e1e1e1;
    height: 1px;
    margin: 40px auto 0;
    position: relative;
    text-align: center;
    width: 230px;
    margin-bottom: 40px;
}
.titleHR span, .titleHR2 span {
    background: #ff7d01;
    display: inline-block;
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 70px;
}