/*Thin*/
@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-thin-webfont.woff2") format("woff2"),
  url("cooperhewitt-thin-webfont.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-thinitalic-webfont.woff2") format("woff2"),
  url("cooperhewitt-thinitalic-webfont.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}

/*Light*/
@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-light-webfont.woff2") format("woff2"),
  url("cooperhewitt-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-lightitalic-webfont.woff2") format("woff2"),
  url("cooperhewitt-lightitalic-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

/*Book/Regular*/
@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-book-webfont.woff2") format("woff2"),
  url("cooperhewitt-book-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-bookitalic-webfont.woff2") format("woff2"),
  url("cooperhewitt-bookitalic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}

/*Medium*/
@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-medium-webfont.woff2") format("woff2"),
  url("cooperhewitt-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-mediumitalic-webfont.woff2") format("woff2"),
  url("cooperhewitt-mediumitalic-webfont.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

/*Semi-bold*/
@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-semibold-webfont.woff2") format("woff2"),
  url("cooperhewitt-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-semibolditalic-webfont.woff2") format("woff2"),
  url("cooperhewitt-semibolditalic-webfont.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}

/*Bold*/
@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-bold-webfont.woff2") format("woff2"),
  url("cooperhewitt-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-bolditalic-webfont.woff2") format("woff2"),
  url("cooperhewitt-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

/*Heavy*/
@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-heavy-webfont.woff2") format("woff2"),
  url("cooperhewitt-heavy-webfont.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Cooper Hewitt";
  src: url("cooperhewitt-heavyitalic-webfont.woff2") format("woff2"),
  url("cooperhewitt-heavyitalic-webfont.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}