@font-face {
  font-family: 'DaunPenh';
  font-weight: normal;
  font-style: normal;
  src: url('https://www.thermalprintheads.eu/fonts/daunpenh.eot');
  src: url('https://www.thermalprintheads.eu/fonts/daunpenh.eot?#iefix') format('embedded-opentype'),
       url('https://www.thermalprintheads.eu/fonts/daunpenh.woff') format('woff'),
       url('https://www.thermalprintheads.eu/fonts/daunpenh.ttf') format('truetype'),
       url('https://www.thermalprintheads.eu/fonts/daunpenh.svg#daunpenh') format('svg');
}

html {
  height: 75%;
}

body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  
  background-image: url("https://www.thermalprintheads.eu/img/back_mosaic3.png");
  background-position: 0 0;
  
	font-family: Verdana, Geneva, sans-serif;
  color: black;
}

.clearfx {
  clear: both;
  height: 0;
}

a {
  color: #373D47;
  
  -webkit-transition: color 175ms ease-in-out;
  -moz-transition: color 175ms ease-in-out;
  -ms-transition: color 175ms ease-in-out;
  -o-transition: color 175ms ease-in-out;
  transition: color 175ms ease-in-out;
}
a:hover {
  color: #93B4CA;
}

h1, h2, h3 {
  color: #373D47;
  font-family: 'DaunPenh';
  font-weight: normal;
  margin: 1.2em 0 0;
}

#page h1:first-child {
  margin-top: 0.5em;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 2.5em;
}

h3 {
  font-size: 2em;
}