body {
  background: url(images/landingpage_bg.png) repeat;
  font-family: 'bpreplay';
  font-size: 44px;
  color: #fff;
  text-align: center;
}
.body-width {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.center-logo {
  position: relative;
  margin: 90px auto;
  padding-top: 320px;
  text-transform: uppercase;
}
.center-logo .logo,
.center-logo .highlight {
  position: absolute;
  left: -57px;
  top: 0;
}
.center-logo .logo {
  background: url(images/datanius_logo.png) no-repeat;
  background-size: 100% 100%;
  width: 816px;
  height: 271px;
}
.center-logo .highlight {
  top: -18%;
  background: url(images/highlight.png) no-repeat;
  background-size: 100% 100%;
  width: 816px;
  height: 537px;
  z-index: 0;
}
.tagline {
  font-family: 'rockwellregular';
  margin-bottom: 110px;
}
.tagline strong {
  font-family: 'rockwellbold';
  border-bottom: 3px solid #fff;
}
.call-to-action:before {
  position: absolute;
  left: -91px;
  top: 1px;
  background: url(images/flat-shadow.png) no-repeat;
  width: 356px;
  height: 96px;
  content: ' ';
  display: block;
  cursor: default;
  pointer-events: none;
}
.call-to-action {
  position: relative;
  background: #fff;
  width: 270px;
  height: 55px;
  margin: 0 auto;
  display: block;
  line-height: 55px;
  border-radius: 7px;
  font-family: 'rockwellbold';
  font-size: 25px;
  text-align: center;
  text-decoration: none;
  color: #0071bd;
  box-shadow: inset 0px -3px 0 0 rgba(0, 0, 0, .1);
}
.line-separator {
  width: 85%;
  border-bottom: 1px solid #50aae6;
  margin: 42px auto 80px;
}
.what-we-do {
  text-transform: none;
  font-size: 0.795em;
  padding-bottom: 160px;
}

.contact-form {
  position: fixed;
  bottom: 0;
  background: #000;
  width: 100%;
  line-height: 80px;
  font-size: 0.364em;
  font-family: 'bpreplayitalic';
}
.contact-form .break {
  position: absolute;
  top: -11px;
  width: 100%;
  height: 21px;
  background: url(images/cutting_line.png) 0 50% repeat-x;
}
.contact-form .break .scissors {
  background: url(images/scissors.png) 0 0 no-repeat;
  height: 21px;
}
.contact-form a {
  color: #fff;
  text-decoration: none;
  font-size: 1.375em;
  margin-left: 10px;
}
.contact-form a:hover {
  border-bottom: 1px solid #fff;
}

@media screen and (max-width: 960px) {
  body {
    background: #000;
  }
  .body-width, .center-logo {
    width: 100%;
  }
}