Иконки перед документами - Вопросы по CSS

}
a[href$='.doc']:before,
a[href$='.docx']:before {
	font: 400 20px/1 FontAwesome;
	display: inline-block;
	content: "\f1c2";
	margin-right: 7px;
	/*color: #224ba4*/
}

a[href$='.pdf']:before,
a[href$='.PDF']:before {
	font: 400 20px/1 FontAwesome;
	display: inline-block;
	content: "\f1c1";
	margin-right: 7px;
	/*color: #fb2405*/
}

a[href$='.rar']:before,
a[href$='.zip']:before {
	font: 400 20px/1 FontAwesome;
	display: inline-block;
	content: "\f1c6";
	margin-right: 7px;
	/*color: #ff6902*/
}

a[href$='.xlsx']:before,
a[href$='.xls']:before {
	font: 400 20px/1 FontAwesome;
	display: inline-block;
	content: "\f1c3";
	margin-right: 7px;
	/*color: #165d08*/
}

.item-page a[href$='.doc']:before,
.item-page a[href$='.docx']:before {
font: 400 20px/1 FontAwesome;
display: inline-block;
content: "\f1c2";
margin-right: 7px;
/*color: #224ba4*/
}