@import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i&display=swap');
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-Bold.eot');
    src: url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-Bold.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-Bold.woff') format('woff'),
        url('../fonts/BrandonGrotesque-Bold.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

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


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

@font-face {
    font-family: 'Arial Narrow';
    src: url('../fonts/ArialNarrow-Bold.eot');
    src: url('../fonts/ArialNarrow-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNarrow-Bold.woff2') format('woff2'),
        url('../fonts/ArialNarrow-Bold.woff') format('woff'),
        url('../fonts/ArialNarrow-Bold.ttf') format('truetype'),
        url('../fonts/ArialNarrow-Bold.svg#ArialNarrow-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Broadcast Matter';
    src: url('../fonts/BroadcastMatter.eot');
    src: url('../fonts/BroadcastMatter.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BroadcastMatter.woff2') format('woff2'),
        url('../fonts/BroadcastMatter.woff') format('woff'),
        url('../fonts/BroadcastMatter.ttf') format('truetype'),
        url('../fonts/BroadcastMatter.svg#BroadcastMatter') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial-BoldMT.eot');
    src: url('../fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Arial-BoldMT.woff2') format('woff2'),
        url('../fonts/Arial-BoldMT.woff') format('woff'),
        url('../fonts/Arial-BoldMT.ttf') format('truetype'),
        url('../fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
    font-weight: bold;
    font-style: normal;
}

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