.service-sprite {
  background: url( 'services.png' ) no-repeat;
  background-size: 96px 96px;
}

.service-sprite.jenkins-frown {
  width: 16px;
  height: 16px;
  background-position: 0 0;
}

.service-sprite.appveyor-build_failed {
  width: 16px;
  height: 16px;
  background-position: -16px 0;
}

.service-sprite.circleci-frown {
  width: 16px;
  height: 16px;
  background-position: 0 -16px;
}

.service-sprite.circleci-logo {
  width: 16px;
  height: 16px;
  background-position: -16px -16px;
}

.service-sprite.circleci-meh {
  width: 16px;
  height: 16px;
  background-position: -32px 0;
}

.service-sprite.circleci-smile {
  width: 16px;
  height: 16px;
  background-position: -32px -16px;
}

.service-sprite.codeship-frown {
  width: 16px;
  height: 16px;
  background-position: 0 -32px;
}

.service-sprite.codeship-logo {
  width: 16px;
  height: 16px;
  background-position: -16px -32px;
}

.service-sprite.custom-error {
  width: 16px;
  height: 16px;
  background-position: -32px -32px;
}

.service-sprite.custom-logo {
  width: 16px;
  height: 16px;
  background-position: -48px 0;
}

.service-sprite.drone-frown {
  width: 16px;
  height: 16px;
  background-position: -48px -16px;
}

.service-sprite.drone-logo {
  width: 16px;
  height: 16px;
  background-position: -48px -32px;
}

.service-sprite.drone-smile {
  width: 16px;
  height: 16px;
  background-position: 0 -48px;
}

.service-sprite.gitlab-logo {
  width: 16px;
  height: 16px;
  background-position: -16px -48px;
}

.service-sprite.heroku-logo {
  width: 16px;
  height: 16px;
  background-position: -32px -48px;
}

.service-sprite.huboard-logo {
  width: 16px;
  height: 16px;
  background-position: -48px -48px;
}

.service-sprite.appveyor-logo {
  width: 16px;
  height: 16px;
  background-position: -64px 0;
}

.service-sprite.jenkins-logo {
  width: 16px;
  height: 16px;
  background-position: -64px -16px;
}

.service-sprite.jenkins-meh {
  width: 16px;
  height: 16px;
  background-position: -64px -32px;
}

.service-sprite.jenkins-smile {
  width: 16px;
  height: 16px;
  background-position: -64px -48px;
}

.service-sprite.logentries-error {
  width: 16px;
  height: 16px;
  background-position: 0 -64px;
}

.service-sprite.logentries-logo {
  width: 16px;
  height: 16px;
  background-position: -16px -64px;
}

.service-sprite.pagerduty-logo {
  width: 16px;
  height: 16px;
  background-position: -32px -64px;
}

.service-sprite.pivotaltracker-logo {
  width: 16px;
  height: 16px;
  background-position: -48px -64px;
}

.service-sprite.sentry-error {
  width: 16px;
  height: 16px;
  background-position: -64px -64px;
}

.service-sprite.sentry-logo {
  width: 16px;
  height: 16px;
  background-position: -80px 0;
}

.service-sprite.sprintly-columns {
  width: 16px;
  height: 16px;
  background-position: -80px -16px;
}

.service-sprite.sprintly-logo {
  width: 16px;
  height: 16px;
  background-position: -80px -32px;
}

.service-sprite.travis-frown {
  width: 16px;
  height: 16px;
  background-position: -80px -48px;
}

.service-sprite.travis-logo {
  width: 16px;
  height: 16px;
  background-position: -80px -64px;
}

.service-sprite.travis-meh {
  width: 16px;
  height: 16px;
  background-position: 0 -80px;
}

.service-sprite.travis-smile {
  width: 16px;
  height: 16px;
  background-position: -16px -80px;
}



@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
.service-sprite {
  background: url( 'services@2x.png' ) no-repeat;
  background-size: 96px 96px;
}

}
