@font-face {
    font-family: 'DIN';
    src: url(../fonts/DIN-Light.woff2) format('woff2'),
        url(../fonts/DIN-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN';
    src: url(../fonts/DIN-Medium.woff2) format('woff2'),
        url(../fonts/DIN-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN';
    src: url(../fonts/DIN-Bold.woff2) format('woff2'),
        url(../fonts/DIN-Bold.woff) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN';
    src: url(../fonts/DIN-BlackAlternate.woff2) format('woff2'),
        url(../fonts/DIN-BlackAlternate.woff) format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN';
    src: url(../fonts/DIN-RegularAlternate.woff2) format('woff2'),
        url(../fonts/DIN-RegularAlternate.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN';
    src: url(../fonts/DIN-Regular.woff2) format('woff2'),
        url(DIN-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/* font-poppins */
@font-face {
    font-family: 'Poppins';
    src: url(../fonts/Poppins-Thin.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url(../fonts/Poppins-Black.ttf);
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url(../fonts/Poppins-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url(../fonts/Poppins-Medium.ttf);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Archer';
    src: url(../fonts/ArcherMediumPro.otf);
    font-weight: 500;
    font-style: normal;
}