/* FONTS //////////////////////////////// */
/* *****************Funnel Display Fonts******************* */
@font-face {
    font-family: 'Funnel Display';
    src: url('/fonts/FunnelDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Funnel Display';
    src: url('/fonts/FunnelDisplay-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Funnel Display';
    src: url('/fonts/FunnelDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Funnel Display';
    src: url('/fonts/FunnelDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Funnel Display';
    src: url('/fonts/FunnelDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Funnel Display';
    src: url('/fonts/FunnelDisplay-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* ******** CLASES PARA FUNNEL DISPLAY ******** */
.funnelRegular {
    font-family: 'Funnel Display';
    font-weight: 400;
    font-style: normal;
}

.funnelLight {
    font-family: 'Funnel Display';
    font-weight: 300;
    font-style: normal;
}

.funnelMedium {
    font-family: 'Funnel Display';
    font-weight: 500;
    font-style: normal;
}

.funnelSemiBold {
    font-family: 'Funnel Display';
    font-weight: 600;
    font-style: normal;
}

.funnelBold {
    font-family: 'Funnel Display';
    font-weight: 700;
    font-style: normal;
}

.funnelExtraBold {
    font-family: 'Funnel Display';
    font-weight: 800;
    font-style: normal;
}

/* ///////////////////////////////////// */