@font-face {
    font-family: 'ClearSans';
    src:url(../fonts/clearsans-regular.ttf) format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'ClearSans';
    src:url(../fonts/clearsans-medium.ttf) format('truetype');
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'ClearSans';
    src:url(../fonts/clearsans-bold.ttf) format('truetype');
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'Akrobat';
    src:url(../fonts/Akrobat-SemiBold.otf) format('opentype');
    font-style: normal;
    font-weight: 600;
}
@font-face {
    font-family: 'ClearSans';
    src:url(../fonts/clearsans-thin.ttf) format('truetype');
    font-style: normal;
    font-weight: 100;
}
@font-face {
    font-family: 'Akrobat';
    src:url(../fonts/Akrobat-Regular.otf) format('opentype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Akrobat';
    src:url(../fonts/Akrobat-ExtraBold.otf) format('opentype');
    font-style: normal;
    font-weight: 800;
}
@font-face {
    font-family: 'ClearSans';
    src:url(../fonts/clearsans-light.ttf) format('truetype');
    font-style: normal;
    font-weight: 300;
}