/*
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-school1 {
  background-image: url(school.png);
  background-position: 0px 0px;
  width: 221px;
  height: 254px;
}
.icon-school10 {
  background-image: url(school.png);
  background-position: -221px 0px;
  width: 221px;
  height: 254px;
}
.icon-school2 {
  background-image: url(school.png);
  background-position: -442px 0px;
  width: 221px;
  height: 254px;
}
.icon-school3 {
  background-image: url(school.png);
  background-position: 0px -254px;
  width: 221px;
  height: 254px;
}
.icon-school4 {
  background-image: url(school.png);
  background-position: -221px -254px;
  width: 221px;
  height: 254px;
}
.icon-school5 {
  background-image: url(school.png);
  background-position: -442px -254px;
  width: 221px;
  height: 254px;
}
.icon-school6 {
  background-image: url(school.png);
  background-position: -663px 0px;
  width: 221px;
  height: 254px;
}
.icon-school7 {
  background-image: url(school.png);
  background-position: -663px -254px;
  width: 221px;
  height: 254px;
}
.icon-school8 {
  background-image: url(school.png);
  background-position: 0px -508px;
  width: 221px;
  height: 254px;
}
.icon-school9 {
  background-image: url(school.png);
  background-position: -221px -508px;
  width: 221px;
  height: 254px;
}