@font-face {
    font-family: 'Akrobat';
    src: url('../fonts/AkrobatBlack.eot');
    src: url('../fonts/AkrobatBlack.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AkrobatBlack.woff2') format('woff2'),
    url('../fonts/AkrobatBlack.woff') format('woff'),
    url('../fonts/AkrobatBlack.ttf') format('truetype'),
    url('../fonts/AkrobatBlack.svg#Akrobat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('../fonts/AkrobatBold.eot');
    src: url('../fonts/AkrobatBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AkrobatBold.woff2') format('woff2'),
    url('../fonts/AkrobatBold.woff') format('woff'),
    url('../fonts/AkrobatBold.ttf') format('truetype'),
    url('../fonts/AkrobatBold.svg#Akrobat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('../fonts/AkrobatRegular.eot');
    src: url('../fonts/AkrobatRegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AkrobatRegular.woff2') format('woff2'),
    url('../fonts/AkrobatRegular.woff') format('woff'),
    url('../fonts/AkrobatRegular.ttf') format('truetype'),
    url('../fonts/AkrobatRegular.svg#Akrobat-Regular') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('../fonts/AkrobatThin.eot');
    src: url('../fonts/AkrobatThin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AkrobatThin.woff2') format('woff2'),
    url('../fonts/AkrobatThin.woff') format('woff'),
    url('../fonts/AkrobatThin.ttf') format('truetype'),
    url('../fonts/AkrobatThin.svg#Akrobat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue.eot');
    src: url('../fonts/BebasNeue.eot') format('embedded-opentype'),
    url('../fonts/BebasNeue.woff2') format('woff2'),
    url('../fonts/BebasNeue.woff') format('woff'),
    url('../fonts/BebasNeue.ttf') format('truetype'),
    url('../fonts/BebasNeue.svg#BebasNeue') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'CyGrotesk';
    src: url('../fonts/cygroteskgranddark.eot');
    src: url('../fonts/cygroteskgranddark.eot') format('embedded-opentype'),
    url('../fonts/cygroteskgranddark.woff2') format('woff2'),
    url('../fonts/cygroteskgranddark.woff') format('woff'),
    url('../fonts/cygroteskgranddark.ttf') format('truetype'),
    url('../fonts/cygroteskgranddark.svg#cygroteskgranddark') format('svg');
    font-display: swap;
}