/* ==========================================================================
   FONTS
   ========================================================================== */


/* lobster-two-regular - latin - v9 */
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster Two'), local('LobsterTwo'),
	   url('../fonts/lobster-two/lobster-two-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../fonts/lobster-two/lobster-two-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lobster-two-italic - latin */
@font-face {
  font-family: 'Lobster Two';
  font-style: italic;
  font-weight: 400;
  src: local('Lobster Two Italic'), local('LobsterTwo-Italic'),
	   url('../fonts/lobster-two/lobster-two-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../../../../index.html') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lobster-two-700 - latin */
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 700;
  src: local('Lobster Two Bold'), local('LobsterTwo-Bold'),
	   url('../fonts/lobster-two/lobster-two-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../fonts/lobster-two/lobster-two-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lobster-two-700italic - latin */
@font-face {
  font-family: 'Lobster Two';
  font-style: italic;
  font-weight: 700;
  src: local('Lobster Two Bold Italic'), local('LobsterTwo-BoldItalic'),
	   url('../fonts/lobster-two/lobster-two-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../fonts/lobster-two/lobster-two-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}




/* thin missing */

@font-face {
    font-family: 'cooper_hewittlight';
    src: url('../../../../index.html') format('woff2'),
         url('../fonts/squirrel/cooperhewitt-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittlight_italic';
    src: url('../fonts/squirrel/cooperhewitt-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/squirrel/cooperhewitt-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittbook';
    src: url('../fonts/squirrel/cooperhewitt-book-webfont.woff2') format('woff2'),
         url('../fonts/squirrel/cooperhewitt-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittbook_italic';
    src: url('../fonts/squirrel/cooperhewitt-bookitalic-webfont.woff2') format('woff2'),
         url('../fonts/squirrel/cooperhewitt-bookitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'cooper_hewittmedium';
    src: url('../fonts/squirrel/cooperhewitt-medium-webfont.woff2') format('woff2'),
         url('../fonts/squirrel/cooperhewitt-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittmedium_italic';
    src: url('../fonts/squirrel/cooperhewitt-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/squirrel/cooperhewitt-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittsemibold';
    src: url('../fonts/squirrel/cooperhewitt-semibold-webfont.woff2') format('woff2'),
         url('../fonts/squirrel/cooperhewitt-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittsemibold_italic';
    src: url('../fonts/squirrel/cooperhewitt-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/squirrel/cooperhewitt-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'cooper_hewittbold';
    src: url('../fonts/squirrel/cooperhewitt-bold-webfont.woff2') format('woff2'),
         url('../fonts/squirrel/cooperhewitt-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cooper_hewittbold_italic';
    src: url('../fonts/squirrel/cooperhewitt-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/squirrel/cooperhewitt-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'cooper_hewittheavy';
    src: url('../fonts/squirrel/cooperhewitt-heavy-webfont.woff2') format('woff2'),
         url('../fonts/squirrel/cooperhewitt-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittheavy_italic';
    src: url('../fonts/squirrel/cooperhewitt-heavyitalic-webfont.woff2') format('woff2'),
         url('../fonts/squirrel/cooperhewitt-heavyitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.font-test { margin-top: 100px; }
.font-test p { margin-bottom: 30px; }

.font-test .robotocondensed { font-family: 'Roboto Condensed'; font-size: 24px; line-height: 1.4em; font-weight: 700; }
.font-test .robotocondensed i { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; }

.font-test .cooperhewitt { font-family: 'Cooper Hewitt SemiBold'; font-size: 22px; line-height: 1.4em; }
.font-test .cooperhewitt i { font-family: 'Cooper Hewitt Light Italic'; font-style: normal; }

.font-test h2 {  font-family: 'Lobster Two'; font-style: normal; font-weight: 700; font-size: 32px; line-height: 1.4em; margin-top: 30px; margin-bottom: 30px; }

.font-test .lora { font-family: 'Lora'; font-size: 18px; }
.font-test .palatino { font-family: 'Palatino'; font-size: 18px; }
.font-test .georgia { font-family: 'Georgia'; font-size: 18px; }