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

}

@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('MonoSocialIconsFont-1.10.eot');
    src: url('MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('MonoSocialIconsFont-1.10.woff') format('woff'),
         url('MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
	color:#999;
	text-decoration:none;
	transition: color 0.5s ease;
}

a.symbol:hover:before{color:#333;}

a.symbol:before {
        content: attr(title);
    margin-left: 0.1em;
    font-size: 120%;
}