body {
  background-image: url("HdP-BG_fuzzy.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  padding: 1vw;
  color: #ffffff;
  font-family: sans-serif;
}

h1 { color: #ffcb00;
font-size: max(3vw,16pt);}

h2 { color: #ffffff;
font-size: max(2vw,14pt);}

h2 a { color: #bbbbbb;
font-size: max(2vw,12pt);}

h3 { color: #ffcb00;
font-style:bold;
font-size: max(1.5vw,12pt);}

a { color: #ffcb00;}

p { color: #ffffff;
font-size: max(1.5vw,12pt);}

img {width: 30vw;
  max-width: 400px;}

img.icon {width:10vw;max-width:100px;}

img.inline {height:2vw;width:2vw;max-height:16pt;max-width:16pt}

img.table {height:6vw;width:6vw;max-height:50px;max-width:50px}

div.table {
  clear: both;
  margin-left: 0vw;
  margin-right: 0vw;
  padding: 1vw;
  border-top: 1vw;
  width:auto;
  vertical-align: middle;
  align: center;
}

span.table {
  margin-left: 2vw;
}

div.buttons {
  clear: both;
  margin-left: -2vw;
  margin-right: -2vw;
  padding: 1vw;
  border-top: 3vw;
  background-color: #00000088;
  width:auto;
  align: center;
};

img.banner {width:800px;
  align:center}