@font-face {
    font-family: 'Maazard-Regular';
    src: url('../fonts/MazzardH-Regular.otf') format('truetype');
            font-weight: normal;
            font-style: normal;
}

@font-face {
    font-family: 'Maazard-Bold';
    src: url('../fonts/MazzardH-Bold.otf') format('truetype');
            font-weight: normal;
            font-style: normal;
}

@font-face {
    font-family: 'Maazard-ExraBold';
    src: url('../fonts/MazzardH-ExtraBold.otf') format('truetype');
            font-weight: normal;
            font-style: normal;
}

@font-face {
    font-family: 'Maazard-SemiBold';
    src: url('../fonts/MazzardH-SemiBold.otf') format('truetype');
            font-weight: normal;
            font-style: normal;
}

@font-face {
    font-family: 'Maazard-Medium';
    src: url('../fonts/MazzardH-Medium.otf') format('truetype');
            font-weight: normal;
            font-style: normal;
}

@font-face {
    font-family: 'Maazard-ExtraLight';
    src: url('../fonts/MazzardH-ExtraLight.otf') format('truetype');
            font-weight: normal;
            font-style: normal;
}

@font-face {
    font-family: 'Maazard-Light';
    src: url('../fonts/MazzardL-Light.otf') format('truetype');
            font-weight: normal;
            font-style: normal;
}