/* Overpass Black */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* Overpass Black Italic */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

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

/* Overpass Bold Italic */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Overpass Extra Bold */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* Overpass Extra Bold Italic */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

/* Overpass Extra Light */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/* Overpass Extra Light Italic */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

/* Overpass Italic */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

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

/* Overpass Light Italic */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

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

/* Overpass Medium Italic */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

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

/* Overpass Semi Bold */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Overpass Semi Bold Italic */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

/* Overpass Thin */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

/* Overpass Thin Italic */
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}