@font-face {
    font-family: 'CooperHewitt';
    src: url('cooperhewitt-light-webfont.woff2');
    src: local('CooperHewitt-Light'), local('CooperHewitt-Light'),
    url('cooperhewitt-light-webfont.woff2') format('WOFF2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'CooperHewitt';
    src: url('cooperhewitt-book-webfont.woff2');
    src: local('CooperHewitt-Book'), local('CooperHewitt-Book'),
    url('cooperhewitt-book-webfont.woff2') format('WOFF2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CooperHewitt';
    src: url('cooperhewitt-medium-webfont.woff2');
    src: local('CooperHewitt-Medium'), local('CooperHewitt-Medium'),
        url('cooperhewitt-medium-webfont.woff2') format('WOFF2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'CooperHewitt';
    src: url('cooperhewitt-semibold-webfont.woff2');
    src: local('CooperHewitt-Semibold'), local('CooperHewitt-Semibold'),
        url('cooperhewitt-semibold-webfont.woff2') format('WOFF2');
    font-weight: 600;
    font-style: normal;
}