@font-face {
    font-family: 'Opensan';
    src: url('../fonts/OpenSans.eot');
    src: local('☺'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
}

@font-face {
    font-family: 'OpensanB';
    src: url('../fonts/OpenSans-Bold.eot');
    src: local('☺'), url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
}

@font-face {
    font-family: 'OpensanEXB';
    src: url('../fonts/OpenSans-Extrabold.eot');
    src: local('☺'), url('../fonts/OpenSans-Extrabold.ttf') format('truetype'), url('../fonts/OpenSans-Extrabold.woff') format('woff'), url('../fonts/OpenSans-Extrabold.svg#OpenSans-Extrabold') format('svg');
}

@font-face {
    font-family: 'OpensanSB';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: local('☺'), url('../fonts/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
}

/* BEGIN Thin */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/Thin/Roboto-Thin.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Thin/Roboto-Thin.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Thin/Roboto-Thin.ttf?v=1.1.0") format("truetype");
  font-weight: 100;
  font-style: normal; }
/* END Thin */
/* BEGIN Thin Italic */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/ThinItalic/Roboto-ThinItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/ThinItalic/Roboto-ThinItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/ThinItalic/Roboto-ThinItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 100;
  font-style: italic; }
/* END Thin Italic */
/* BEGIN Light */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/Light/Roboto-Light.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Light/Roboto-Light.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Light/Roboto-Light.ttf?v=1.1.0") format("truetype");
  font-weight: 300;
  font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/LightItalic/Roboto-LightItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/LightItalic/Roboto-LightItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/LightItalic/Roboto-LightItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 300;
  font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: normal;
  font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/Italic/Roboto-Italic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Italic/Roboto-Italic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Italic/Roboto-Italic.ttf?v=1.1.0") format("truetype");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/Italic/Roboto-Italic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Italic/Roboto-Italic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Italic/Roboto-Italic.ttf?v=1.1.0") format("truetype");
  font-weight: normal;
  font-style: italic; }
/* END Italic */
/* BEGIN Medium */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/Medium/Roboto-Medium.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Medium/Roboto-Medium.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Medium/Roboto-Medium.ttf?v=1.1.0") format("truetype");
  font-weight: 500;
  font-style: normal; }
/* END Medium */
/* BEGIN Medium Italic */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/MediumItalic/Roboto-MediumItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/MediumItalic/Roboto-MediumItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/MediumItalic/Roboto-MediumItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 500;
  font-style: italic; }
/* END Medium Italic */
/* BEGIN Bold */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/Bold/Roboto-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Bold/Roboto-Bold.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Bold/Roboto-Bold.ttf?v=1.1.0") format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/Bold/Roboto-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Bold/Roboto-Bold.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Bold/Roboto-Bold.ttf?v=1.1.0") format("truetype");
  font-weight: bold;
  font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/BoldItalic/Roboto-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/BoldItalic/Roboto-BoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/BoldItalic/Roboto-BoldItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/BoldItalic/Roboto-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/BoldItalic/Roboto-BoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/BoldItalic/Roboto-BoldItalic.ttf?v=1.1.0") format("truetype");
  font-weight: bold;
  font-style: italic; }
/* END Bold Italic */
/* BEGIN Black */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/Black/Roboto-Black.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Black/Roboto-Black.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Black/Roboto-Black.ttf?v=1.1.0") format("truetype");
  font-weight: 900;
  font-style: normal; }
/* END Black */
/* BEGIN Black Italic */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/BlackItalic/Roboto-BlackItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/BlackItalic/Roboto-BlackItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/BlackItalic/Roboto-BlackItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 900;
  font-style: italic; }
/* END Black Italic */  

@font-face {
  font-family: NotoSerif-Italic;
  src: url("../fonts/NotoSerif-Italic.ttf?v=1.1.0"), url("../fonts/roboto/BlackItalic/Roboto-BlackItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/BlackItalic/Roboto-BlackItalic.ttf?v=1.1.0") format("truetype");
}
@font-face {
  font-family: NotoSerif-Bold;
  src: url("../fonts/NotoSerif-Bold.ttf?v=1.1.0"), url("../fonts/roboto/BlackItalic/Roboto-BlackItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/BlackItalic/Roboto-BlackItalic.ttf?v=1.1.0") format("truetype");
}

@font-face {
  font-family: 'SanFranciscoDisplay-Regular';
  src: url("../fonts/SanFranciscoDisplay-Regular.ttf?v=1.1.0"), url("../fonts/SanFranciscoDisplay-Regular.woff?v=1.1.0") format("woff"), url("../fonts/SanFranciscoDisplay-Regular.ttf?v=1.1.0") format("truetype");
}

@font-face {
  font-family: 'SanFranciscoDisplay-Heavy';
  src: url("../fonts/SanFranciscoDisplay-Heavy.ttf?v=1.1.0"), url("../fonts/SanFranciscoDisplay-Heavy.woff?v=1.1.0") format("woff"), url("../fonts/SanFranciscoDisplay-Heavy.ttf?v=1.1.0") format("truetype");
}

@font-face {
  font-family: 'SanFranciscoDisplay-Bold';
  src: url("../fonts/SanFranciscoDisplay-Bold.ttf?v=1.1.0"), url("../fonts/SanFranciscoDisplay-Bold.woff?v=1.1.0") format("woff"), url("../fonts/SanFranciscoDisplay-Bold.ttf?v=1.1.0") format("truetype");
}

@font-face {
  font-family: 'SanFranciscoDisplay-Semibold';
  src: url("../fonts/SanFranciscoDisplay-Semibold.ttf?v=1.1.0"), url("../fonts/SanFranciscoDisplay-Semibold.woff?v=1.1.0") format("woff"), url("../fonts/SanFranciscoDisplay-Semibold.ttf?v=1.1.0") format("truetype");
}

@font-face {
  font-family: 'SanFranciscoDisplay-Medium';
  src: url("../fonts/SanFranciscoDisplay-Medium.otf?v=1.1.0");
}