@font-face {font-family: 'fontello';src: url('../fonts/fontello.eot?28425771');src: url('../fonts/fontello.eot?28425771#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?28425771') format('woff'), url('../fonts/fontello.ttf?28425771') format('truetype'), url('../fonts/fontello.svg?28425771#fontello') format('svg');font-weight: normal;font-style: normal;}
[class^="icon-"]:before, [class*=" icon-"]:before {font-family: "fontello";font-style: normal;font-weight: normal;speak: none; display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;/* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/font-variant: normal;text-transform: none; /* fix buttons height, for twitter bootstrap */line-height: 1em; /* Animation center compensation - magrins should be symmetric *//* remove if not needed */margin-left: .2em; /* you can be more comfortable with increased icons size *//* font-size: 120%; */ /* Uncomment for 3D effect *//* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */}
.icon-paper-plane:before { content: '\e800'; } /* '?' */
.icon-linkedin:before { content: '\e802'; } /* '?' */
.icon-dribbble:before { content: '\e801'; } /* '?' */
body {color:#9a5db5;}
.wrapper{width:240px;margin:15% auto auto auto;}
a  {text-decoration:none;width:33.3%;display:inline-block;float:left;text-align:center;margin:20px 0 30px 0;}
a.last{margin-right:0;}
a i {font-size:2.5em;color:#9a5db5;text-align:center;}