@font-face {
    font-family: 'OverpassBold';
    src: url('Overpass-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OverpassBoldItalic';
    src: url('Overpass-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'OverpassExtraBold';
    src: url('Overpass-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OverpassExtraBoldItalic';
    src: url('Overpass-ExtraBoldItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OverpassExtraLight';
    src: url('Overpass-ExtraLight.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OverpassExtraLightItalic';
    src: url('Overpass-ExtraLightItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OverpassItalic';
    src: url('Overpass-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OverpassLight';
    src: url('Overpass-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OverpassLightItalic';
    src: url('Overpass-LightItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OverpassRegular';
    src: url('Overpass-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OverpassSemiBold';
    src: url('Overpass-SemiBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OverpassSemiBoldItalic';
    src: url('Overpass-SemiBoldItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OverpassThin';
    src: url('Overpass-Thin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OverpassThinItalic';
    src: url('Overpass-ThinItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

/* The following rules are deprecated. */

@font-face {
    font-family: 'Overpass';
    src: url('Overpass-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}



@font-face {
    font-family: 'Overpass';
    src: url('Overpass-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}



@font-face {
    font-family: 'Overpass';
    src: url('Overpass-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Overpass';
    src: url('Overpass-ExtraBoldItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}



@font-face {
    font-family: 'Overpass';
    src: url('Overpass-ExtraLight.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Overpass';
    src: url('Overpass-ExtraLightItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Overpass';
    src: url('Overpass-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}



@font-face {
    font-family: 'Overpass';
    src: url('Overpass-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Overpass';
    src: url('Overpass-LightItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}



@font-face {
    font-family: 'Overpass';
    src: url('Overpass-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Overpass';
    src: url('Overpass-SemiBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}



@font-face {
    font-family: 'Overpass';
    src: url('Overpass-SemiBoldItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}



@font-face {
    font-family: 'Overpass';
    src: url('Overpass-Thin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Overpass';
    src: url('Overpass-ThinItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}