@font-face {
  font-family: "Flaticon";
src: url(../fonts/flaticon.jpg);
src: url(../fonts/flaticon.eot?#i.jpg) format("embedded-opentype"),
       url(../fonts/flaticon.w.jpg) format("woff2"),
       url(../fonts/flaticon..jpg) format("woff"),
       url(../fonts/flaticon.jpg) format("truetype"),
       url(../fonts/flaticon.svg#flat.jpg) format("svg");
  font-weight: normal;
  font-style: normal;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url(../fonts/flaticon.svg#flat.jpg) format("svg");}
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: "Flaticon";
	font-style: normal;}

.flaticon-book:before { content: "\f100";}
.flaticon-student:before { content: "\f101";}
.flaticon-teacher:before { content: "\f102";}
.flaticon-trophy:before { content: "\f103";}