@font-face {
    font-family: 'Croco Sans';
    src: url('sf-pro-display-regular-webfont.woff2') format('woff2'),
         url('sf-pro-display-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}



@font-face {
    font-family: 'Croco Sans';
    src: url('sf-pro-display-medium-webfont.woff2') format('woff2'),
         url('sf-pro-display-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

@font-face {
       font-family: 'Croco Sans';
    src: url('sf-pro-display-semibold-webfont.woff2') format('woff2'),
         url('sf-pro-display-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}


@font-face {
    font-family: 'Croco Sans';
    src: url('sf-pro-display-bold-webfont.woff2') format('woff2'),
         url('sf-pro-display-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}




@font-face {
    font-family: 'Croco Sans';
    src: url('sf-pro-display-heavy-webfont.woff2') format('woff2'),
         url('sf-pro-display-heavy-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;

}




@font-face {
    font-family: 'Croco Headline';
    src: url('futurastd-book-webfont.woff2') format('woff2'),
         url('futurastd-book-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
     font-family: 'Croco Headline';
    src: url('futurastd-bold-webfont.woff2') format('woff2'),
         url('futurastd-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}