@font-face {
	font-family: 'entypo';
	src:url('fonts/entypo/entypo.eot');
	src:url('fonts/entypo/entypo.eot?#iefix') format('embedded-opentype'),
		url('fonts/entypo/entypo.woff') format('woff'),
		url('fonts/entypo/entypo.ttf') format('truetype'),
		url('fonts/entypo/entypo.svg#entypo') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'entypo-social';
	src:url('fonts/entypo/entypo-social.eot');
	src:url('fonts/entypo/entypo-social.eot?#iefix') format('embedded-opentype'),
		url('fonts/entypo/entypo-social.woff') format('woff'),
		url('fonts/entypo/entypo-social.ttf') format('truetype'),
		url('fonts/entypo/entypo-social.svg#entypo-social') format('svg');
	font-weight: normal;
	font-style: normal;
}

.pictogram {
font-family: 'entypo';
	speak: none;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
    line-height: 0;
    margin-right: 0.1em;
    vertical-align: sub;
	-webkit-font-smoothing: antialiased;
}

.pictogram.thumbs-down {
    margin-left: 0.5em;
}

.picto-social {
font-family: 'entypo-social';
	speak: none;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
    line-height: 0;
    margin-right: 0.1em;
    vertical-align: sub;
	-webkit-font-smoothing: antialiased;
}


@media (max-width: 1023px) {
    .pictogram.flag {
        margin-right: 0;
    }
    .pictogram.thumbs-down,
    .pictogram.thumbs-up {
        margin-right: 0.5em;
    }
    .pictogram.thumbs-down {        
        margin-left: 1em;
    }
}