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

/* Poppins Regular - 400 */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

/* Poppins SemiBold - 600 */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

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


/* =========================
   Mulish Italic - 400
========================= */
@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Italic.woff2') format('woff2'),
         url('../fonts/Mulish-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}


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

/* =========================
   Mulish Bold Italic - 700
========================= */
@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-BoldItalic.woff2') format('woff2'),
         url('../fonts/Mulish-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}