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

}

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

}

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

}


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

}