@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-light.woff2') format('woff2'), url('../fonts/tphero-light.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-lightitalic.woff2') format('woff2'), url('../fonts/tphero-lightitalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-regular.woff2') format('woff2'), url('../fonts/tphero-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-regularitalic.woff2') format('woff2'), url('../fonts/tphero-regularitalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-medium.woff2') format('woff2'), url('../fonts/tphero-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-mediumitalic.woff2') format('woff2'), url('../fonts/tphero-mediumitalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-semibold.woff2') format('woff2'), url('../fonts/tphero-semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-semibolditalic.woff2') format('woff2'), url('../fonts/tphero-semibolditalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-bold.woff2') format('woff2'), url('../fonts/tphero-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-bolditalic.woff2') format('woff2'), url('../fonts/tphero-bolditalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

html, body {
    font-family: 'myTPHero', Helvetica, Arial, sans-serif;
}

body {
    padding: 20px;
    color: #32323c;
}

a {
    color: #828282 !important;
}

.query-example {
	background-color: #f4f4f8;
	padding: 10px;
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
}

pre {
    background-color: #f4f4f8 !important;
    border-radius: 0px !important;
}