html,
body {
  height: 100%;
}
.bg-logo {
  background: no-repeat top;
  background-image: url('../images/dieselwerks.png');
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  width: 461px;
  height: 205px;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .bg-logo {
    background-image: url('../images/dieselwerks-lg.png');
  }
}
body {
  background-color: #ececec;
  color: #777777;
  font-family: 'Slabo 27px', serif;
  font-size: 18px;
}
h2 {
  font-size: 48px;
  font-weight: 200;
}
h3 {
  font-size: 24px;
  font-weight: 200;
}
a,
a:link,
a:visited {
  color: #1a1a1c;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}
a:hover,
a:link:hover,
a:visited:hover {
  color: #f35959;
  text-decoration: none;
}
h1.logo {
  margin: 80px auto 40px;
  padding: 0;
}
@media (max-width: 767px) {
  h1.logo {
    max-width: 400px;
    width: 80%;
  }
}