/* MangoGrotesque Extra Bold */
@font-face {
    font-family: 'MangoGrotesqueExtraBold';
    src: url('MangoGrotesque-ExtraBold.woff2') format('woff2'),
         url('MangoGrotesque-ExtraBold.otf') format('opentype');
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* MangoGrotesque Bold */
@font-face {
    font-family: 'MangoGrotesqueBold';
    src: url('MangoGrotesque-Bold.woff2') format('woff2'),
         url('MangoGrotesque-Bold.otf') format('opentype');
             font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* MangoGrotesque Semi Bold */
@font-face {
    font-family: 'MangoGrotesqueSemiBold';
    src: url('MangoGrotesque-SemiBold.woff2') format('woff2'),
         url('MangoGrotesque-SemiBold.otf') format('opentype');
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* MangoGrotesque Medium */
@font-face {
    font-family: 'MangoGrotesqueMedium';
    src: url('MangoGrotesque-Medium.woff2') format('woff2'),
         url('MangoGrotesque-Medium.otf') format('opentype');
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* MangoGrotesque Regular */
@font-face {
    font-family: 'MangoGrotesque';
    src: url('MangoGrotesque-Regular.woff2') format('woff2'),
         url('MangoGrotesque-Regular.otf') format('opentype');
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}