@font-face {
  font-family: 'Comic Neue'; /* Comic Sans MS alternative */
  src: url('/css/webfonts/comicneue-regular.ttf')  format('truetype');
}

@font-face {
  font-family: 'Comic Neue';
  src: url('/css/webfonts/comicneue-regular-oblique.ttf')  format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Comic Neue';
  src: url('/css/webfonts/comicneue-bold.ttf')  format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Comic Neue';
  src: url('/css/webfonts/comicneue-bold-oblique.ttf')  format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Liberation Serif'; /* Times New Roman alternative */
  src: url('/css/webfonts/liberationserif-regular-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'Liberation Serif';
  src: url('/css/webfonts/liberationserif-bold-webfont.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Liberation Serif';
  src: url('/css/webfonts/liberationserif-italic-webfont.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Liberation Serif';
  src: url('/css/webfonts/liberationserif-bolditalic-webfont.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Sinkin Sans'; /* Verdana alternative */
  src: url('/css/webfonts/sinkinsans-400regular-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'Sinkin Sans';
  src: url('/css/webfonts/sinkinsans-400italic-webfont.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Sinkin Sans';
  src: url('/css/webfonts/sinkinsans-700bold-webfont.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Sinkin Sans';
  src: url('/css/webfonts/sinkinsans-700bolditalic-webfont.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
    font-family: 'Ubuntu Mono'; /* Courier New alternative */
    src: url('/css/webfonts/ubuntumono-r-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu Mono';
    src: url('/css/webfonts/ubuntumono-ri-webfont.ttf') format('truetype');
    font-style: italic;
}

@font-face {
    font-family: 'Ubuntu Mono';
    src: url('/css/webfonts/ubuntumono-b-webfont.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Ubuntu Mono';
    src: url('/css/webfonts/ubuntumono-bi-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
  font-family: 'Cooper Hewitt'; /* Impact alternative */
  src: url('/css/webfonts/cooperhewitt-bold-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'Cooper Hewitt';
  src: url('/css/webfonts/cooperhewitt-bolditalic-webfont.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Cooper Hewitt';
  src: url('/css/webfonts/cooperhewitt-heavy-webfont.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Cooper Hewitt';
  src: url('/css/webfonts/cooperhewitt-heavyitalic-webfont.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Lato'; /* Trebuchet MS alternative */
  src: url('/css/webfonts/lato-regular-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'Lato';
  src: url('/css/webfonts/lato-bold-webfont.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Lato';
  src: url('/css/webfonts/lato-italic-webfont.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('/css/webfonts/lato-bolditalic-webfont.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Vollkorn'; /* Georgia alternative */
  src: url('/css/webfonts/vollkorn-regular-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'Vollkorn';
  src: url('/css/webfonts/vollkorn-bold-webfont.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Vollkorn';
  src: url('/css/webfonts/vollkorn-italic-webfont.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Vollkorn';
  src: url('/css/webfonts/vollkorn-bolditalic-webfont.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/*New fonts*/
@font-face {
  font-family: 'Alegreya Sans SC';
  src: url('/css/webfonts/alegreyasanssc-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya Sans SC';
  src: url('/css/webfonts/alegreyasanssc-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Alegreya Sans SC';
  src: url('/css/webfonts/alegreyasanssc-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Alegreya Sans SC';
  src: url('/css/webfonts/alegreyasanssc-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Alegreya SC';
  src: url('/css/webfonts/alegreyasc-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya SC';
  src: url('/css/webfonts/alegreyasc-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Alegreya SC';
  src: url('/css/webfonts/alegreyasc-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Alegreya SC';
  src: url('/css/webfonts/alegreyasc-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Arch Rival';
  src: url('/css/webfonts/archrival-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Arch Rival';
  src: url('/css/webfonts/archrival-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Arch Rival';
  src: url('/css/webfonts/archrival-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Arch Rival';
  src: url('/css/webfonts/archrival-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Burlington Script';
  src: url('/css/webfonts/burlingtonscript-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Burlington Script';
  src: url('/css/webfonts/burlingtonscript-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Burlington Script';
  src: url('/css/webfonts/burlingtonscript-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Burlington Script';
  src: url('/css/webfonts/burlingtonscript-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Courier Prime';
  src: url('/css/webfonts/courierprime.ttf') format('truetype');
}

@font-face {
  font-family: 'Courier Prime';
  src: url('/css/webfonts/courierprime_bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Courier Prime';
  src: url('/css/webfonts/courierprime_italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Courier Prime';
  src: url('/css/webfonts/courierprime_bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Digital Dream';
  src: url('/css/webfonts/digitaldream-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Digital Dream';
  src: url('/css/webfonts/digitaldream-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Digital Dream';
  src: url('/css/webfonts/digitaldream-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Digital Dream';
  src: url('/css/webfonts/digitaldream-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Expletus Sans';
  src: url('/css/webfonts/expletussans-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Expletus Sans';
  src: url('/css/webfonts/expletussans-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Expletus Sans';
  src: url('/css/webfonts/expletussans-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Expletus Sans';
  src: url('/css/webfonts/expletussans-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Greyscale Basic';
  src: url('/css/webfonts/greyscalebasic-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Greyscale Basic';
  src: url('/css/webfonts/greyscalebasic-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Greyscale Basic';
  src: url('/css/webfonts/greyscalebasic-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Greyscale Basic';
  src: url('/css/webfonts/greyscalebasic-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Juice';
  src: url('/css/webfonts/juice-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Juice';
  src: url('/css/webfonts/juice-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Juice';
  src: url('/css/webfonts/juice-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Juice';
  src: url('/css/webfonts/juice-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Lobster Two';
  src: url('/css/webfonts/lobstertwo-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Lobster Two';
  src: url('/css/webfonts/lobstertwo-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Lobster Two';
  src: url('/css/webfonts/lobstertwo-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Lobster Two';
  src: url('/css/webfonts/lobstertwo-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Mathlete';
  src: url('/css/webfonts/mathlete-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Mathlete';
  src: url('/css/webfonts/mathlete-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Mathlete';
  src: url('/css/webfonts/mathlete-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Mathlete';
  src: url('/css/webfonts/mathlete-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'New Cicle';
  src: url('/css/webfonts/newcicle-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'New Cicle';
  src: url('/css/webfonts/newcicle-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'New Cicle';
  src: url('/css/webfonts/newcicle-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'New Cicle';
  src: url('/css/webfonts/newcicle-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Quicksand';
  src: url('/css/webfonts/quicksand-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Quicksand';
  src: url('/css/webfonts/quicksand-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Quicksand';
  src: url('/css/webfonts/quicksand-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Quicksand';
  src: url('/css/webfonts/quicksand-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Cartoonist Hand';
  src: url('/css/webfonts/cartoonisthand.ttf') format('truetype');
}

@font-face {
  font-family: 'Cartoonist Hand';
  src: url('/css/webfonts/cartoonisthand_bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Cartoonist Hand';
  src: url('/css/webfonts/cartoonisthand_italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Cartoonist Hand';
  src: url('/css/webfonts/cartoonisthand_bold_italic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Toontime';
  src: url('/css/webfonts/toontime-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Toontime';
  src: url('/css/webfonts/toontime-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Toontime';
  src: url('/css/webfonts/toontime-italic.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Toontime';
  src: url('/css/webfonts/toontime-bolditalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/* Font for Weather Widget */
@font-face {
  font-family: 'weathericons';
  src: url('/css/webfonts/weathericons-regular-webfont.eot');
  src: url('/css/webfonts/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('/css/webfonts/weathericons-regular-webfont.woff2') format('woff2'),
       url('/css/webfonts/weathericons-regular-webfont.woff') format('woff'),
       url('/css/webfonts/weathericons-regular-webfont.ttf') format('truetype'),
       url('/css/webfonts/weathericons-regular-webfont.svg#weather_iconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}