/*
Icon classes can be used entirely standalone. They are named after their original file names.

```html
<!-- `display: block` sprite -->
<div class="icon-home"></div>

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
.icon-ad-creation {
  background-image: url(../images/sprites/sprite.png);
  background-position: 0px -103px;
  width: 47px;
  height: 33px;
}
.icon-blue-compass {
  background-image: url(../images/sprites/sprite.png);
  background-position: -36px -47px;
  width: 45px;
  height: 43px;
}
.icon-compass {
  background-image: url(../images/sprites/sprite.png);
  background-position: -90px 0px;
  width: 45px;
  height: 43px;
}
.icon-crisis {
  background-image: url(../images/sprites/sprite.png);
  background-position: -90px -43px;
  width: 33px;
  height: 55px;
}
.icon-employee {
  background-image: url(../images/sprites/sprite.png);
  background-position: 0px 0px;
  width: 45px;
  height: 47px;
}
.icon-hamburger {
  background-image: url(../images/sprites/sprite.png);
  background-position: -47px -103px;
  width: 48px;
  height: 18px;
}
.icon-international {
  background-image: url(../images/sprites/sprite.png);
  background-position: -45px 0px;
  width: 45px;
  height: 45px;
}
.icon-issues {
  background-image: url(../images/sprites/sprite.png);
  background-position: 0px -47px;
  width: 36px;
  height: 56px;
}
.icon-message-boot-camp {
  background-image: url(../images/sprites/sprite.png);
  background-position: -135px -42px;
  width: 39px;
  height: 35px;
}
.icon-product-development {
  background-image: url(../images/sprites/sprite.png);
  background-position: -135px 0px;
  width: 42px;
  height: 42px;
}