/*
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" />
```
*/
.flags-american {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 32px;
  height: 21px;
}
.flags-china {
  background-image: url(sprite.png);
  background-position: -32px 0px;
  width: 32px;
  height: 21px;
}
.flags-france {
  background-image: url(sprite.png);
  background-position: 0px -21px;
  width: 32px;
  height: 21px;
}
.flags-germany {
  background-image: url(sprite.png);
  background-position: -32px -21px;
  width: 32px;
  height: 21px;
}
.flags-italy {
  background-image: url(sprite.png);
  background-position: 0px -42px;
  width: 32px;
  height: 21px;
}
.flags-japan {
  background-image: url(sprite.png);
  background-position: -32px -42px;
  width: 32px;
  height: 21px;
}
.flags-korea {
  background-image: url(sprite.png);
  background-position: -64px 0px;
  width: 32px;
  height: 21px;
}
.flags-portugal {
  background-image: url(sprite.png);
  background-position: -64px -21px;
  width: 32px;
  height: 21px;
}
.flags-russia {
  background-image: url(sprite.png);
  background-position: -64px -42px;
  width: 32px;
  height: 21px;
}
.flags-spain {
  background-image: url(sprite.png);
  background-position: 0px -63px;
  width: 32px;
  height: 21px;
}