.span3 {
    width: 80px;
    color: #28ad28;
    font-size: 40px;
  }
@font-face {
     font-family: 'agricultura';
     src: url('../font/agricultura.eot?38653026');
     src: url('../font/agricultura.eot?38653026#iefix') format('embedded-opentype'),
          url('../font/agricultura.woff?38653026') format('woff'),
          url('../font/agricultura.ttf?38653026') format('truetype'),
          url('../font/agricultura.svg?38653026#agricultura') format('svg');
     font-weight: normal;
     font-style: normal;
   }
    
    
   .demo-icon
   {
     font-family: "agricultura";
     font-style: normal;
     font-weight: normal;
     speak: never;
    
     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;

     margin-left: .2em;
    
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
    
    
   }