@font-face {
    font-family: 'Akrobat';
    src: local('Akrobat Thin'), local('Akrobat-Thin'), url('../font/Akrobatthin.woff2') format('woff2'), url('../font/Akrobatthin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat';
    src: local('Akrobat ExtraLight'), local('Akrobat-ExtraLight'), url('../font/Akrobatextralight.woff2') format('woff2'), url('../font/Akrobatextralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat';
    src: local('Akrobat Light'), local('Akrobat-Light'), url('../font/Akrobatlight.woff2') format('woff2'), url('../font/Akrobatlight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat';
    src: local('Akrobat'), local('Akrobat-Regular'), url('../font/Akrobat.woff2') format('woff2'), url('../font/Akrobat.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat';
    src: local('Akrobat SemiBold'), local('Akrobat-SemiBold'), url('../font/Akrobatsemibold.woff2') format('woff2'), url('../font/Akrobatsemibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat';
    src: local('Akrobat Bold'), local('Akrobat-Bold'), url('../font/Akrobatbold.woff2') format('woff2'), url('../font/Akrobatbold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat';
    src: local('Akrobat ExtraBold'), local('Akrobat-ExtraBold'), url('../font/Akrobatextrabold.woff2') format('woff2'), url('../font/Akrobatextrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat';
    src: local('Akrobat Black'), local('Akrobat-Black'), url('../font/Akrobatblack.woff2') format('woff2'), url('../font/Akrobatblack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}