html {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  overflow-y: scroll;
}

body {
  background: url(./michael-werner-webdesign-in-hockenheim-header-3-bg.jpg) no-repeat center center;
  background-size: cover;
  font-family: 'Raleway';
  color: #fff;
}

a, a:hover, a:active {
  color: #fff;
  text-decoration: none;
}

h1 {
  font-size: 8em;
}

h1 span {
  font-size: .25em;
  font-weight: 300;
}

h1 span a {
  font-size: .5em;
}

h2 {
  font-size: 4em;
  font-weight: 700;
}

h2 small {
  font-size: .5em;
  top: -.5em;
  right: -4.5em;
}

h3 {
  font-size: 1.75em;
  font-weight: 900;
}

@media (max-width: 991px) {
  h1 {
    font-size: 6em;
  }

  h1 span a {
    font-size: .75em;
  }

  h2 {
    font-size: 3em;
  }
}