@font-face {
    font-family: aileron_light;
    src: url(../fonts/Aileron-Light.otf) format('truetype');
    }
    
    @font-face {
    font-family: flux;
    src: url(../fonts/flux.otf) format('opentype');
    }
    
    @font-face {
    font-family: rounde;
    src: url(../fonts/rounde.woff) 
    }
    
    /*****************************************************REDES SOCIALES****************************************/
    @font-face {
        font-family: 'icomoon';
        src:  url('../fonts/redes/icomoon.eot?i226ha');
        src:  url('../fonts/redes/icomoon.eot?i226ha#iefix') format('embedded-opentype'),
          url('../fonts/redes/icomoon.ttf?i226ha') format('truetype'),
          url('../fonts/redes/icomoon.woff?i226ha') format('woff'),
          url('../fonts/redes/icomoon.svg?i226ha#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
      }
      
      [class^="icon-"], [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
      
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      
      .icon-facebook:before {
        content: "\ea90";
      }
      .icon-instagram:before {
        content: "\ea92";
      }
      .icon-twitter:before {
        content: "\ea96";
      }
      .icon-youtube:before {
        content: "\ea9d";
      }