body, html {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
}

@font-face {
  /*font-family: 'Montserrat-SemiBold';*/
  font-family: "Custom-Font";
  font-style: normal;
  src: url("/layout/phaeton.woff") format("woff");

}

html, body {
  background: url(/layout/hagestolz_bar_bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

* {
  font-family: "Custom-Font", serif;
  font-size: 22px;
  letter-spacing: 0.04em;
}

form {
  display: inline;
}

img {
  border: none;
}

p {
  margin: 0px;
  padding: 8px 0px 0px 0px;
}

hr {
  margin: 4px 0px;
  padding: 0px 0px;
}

a, a:active, select, a img, img, map, area, area:focus, input, input:focus, button, button:focus {
  outline: none;
  -moz-outline-style: none;
}

.si img {
  margin: 0px 15px;
  opacity: 0.75;
}

.si img:hover {

  opacity: 1;
}

@media (max-width: 600px) {
  * {
    font-family: "Custom-Font", serif;
    font-size: 6vw;
    line-height: 1.4;
  }
}