@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Overpass:400,600,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&display=swap');
@font-face {
    font-family: 'Interstate';
    src: url('../fonts/interstate-webfont.woff2') format('woff2'), url('../fonts/interstate-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Interstate Condensed';
    src: url('../fonts/interstate-regular-compressed-webfont.woff2') format('woff2'), url('../fonts/interstate-regular-compressed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Interstate Condensed Bold';
    src: url('../fonts/Interstate-Condensed-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family:'Interstate Condensed Bold';
    src: url('../fonts/interstate-bold-compressed-webfont.woff2') format('woff2'),
         url('../fonts/interstate-bold-compressed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} */