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

Example usage in HTML:

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

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-envelope {
  background-image: url(sprite.png);
  background-position: -85px -62px;
  width: 19px;
  height: 15px;
}
.icon-instagram-small {
  background-image: url(sprite.png);
  background-position: -65px -62px;
  width: 20px;
  height: 20px;
}
.icon-instagram {
  background-image: url(sprite.png);
  background-position: 0px -62px;
  width: 40px;
  height: 40px;
}
.icon-left {
  background-image: url(sprite.png);
  background-position: -62px 0px;
  width: 33px;
  height: 60px;
}
.icon-lister {
  background-image: url(sprite.png);
  background-position: -40px -62px;
  width: 25px;
  height: 25px;
}
.icon-play {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 62px;
  height: 62px;
}
.icon-right {
  background-image: url(sprite.png);
  background-position: -95px 0px;
  width: 33px;
  height: 60px;
}