@font-face {
 font-family: 'hp-simplified';
 src: url('HPSimplified_Rg.ttf') format('TrueType');
 font-weight: 400;
 font-display: auto;
}
@font-face {
 font-family: 'hp-simplified';
 src: url('HPSimplified.ttf') format('TrueType');
 font-weight: 700;
 font-display: auto;
}
@font-face {
 font-family: 'hp-simplified';
 src: url('HPSimplified_Lt.ttf') format('TrueType');
 font-weight: 300;
 font-display: auto;
}
@font-face {
 font-family: 'Font Awesome 5 Free';
 src: url('fa-solid-900.woff2') format('woff2'),
      url('fa-solid-900.woff') format('woff');
 font-style: normal;
 font-weight: 900;
 font-display: block;
}
html {
 font-size:112.5%;
 margin: 0;
}
body {
 margin: 0;
 background: #fff;
 font-family: 'hp-simplified', sans-serif;
}
div.header {
 color: #fff;
 background-color: #009DDE;
 font-weight: 400;
}
div.header ul {
 display: flex;
 justify-content: center;
 list-style: none;
 margin: 0;
 padding: 10px;
}
div.header li {
 margin: 8px;
}
a {
 text-decoration: none;
 color: inherit;
}
a.tel::before {
 font-family: 'Font Awesome 5 Free';
 font-size: .77em;
 font-weight: 900;
 content: '\f095';
 padding: .5em;
}
a.email::before {
 font-family: 'Font Awesome 5 Free';
 font-size: .77em;
 font-weight: 900;
 content: '\f0e0';
 padding: .5em;
}
div.page {
 display: flex;
 flex-direction: column;
 height: 100vh;
}
div.main {
 display: flex;
 flex-grow: 1;
 flex-wrap: wrap;
}
div.sidebar {
 padding: 1em;
}
div.sidebar a {
 padding: 1em;
}
img.hp-licensee {
 width: 199px;
 height: 66px;
}
div.content {
 background: #f9f9f9;
 flex-grow: 1;
 padding-left: 2em;
 padding-bottom: 4em;
 font-weight: 300;
}
div.content p {
 max-width: 40em;
}
h1 {
 font-size: 2em;
 font-weight: 600;
 color: #009DDE;
}
h2 {
 font-size: 1.75em;
 font-weight: 500;
 color: #515151;
/* color: #4b4f58; */
}
div.content ul {
 list-style: none;
}
div.content li {
 padding: .25em 0;
}
div.content a {
 font-weight: 400;
}
div.content span.req {
 font-size: .9em;
 font-weight: 300;
}
div.footer {
 background: #5a5a5a;
 color: #fff;
 font-weight: 300;
 line-height: 1.6;
}
div.footer div.stack {
 display: flex;
}
div.footer div.spring {
 flex-grow: 1;
 max-width: 1em;
}
div.contact-info {
 display: flex;
 flex-wrap: wrap;
 font-size: .95em;
}
div.contact-info b {
 font-weight: 700;
}
div.contact-info div {
 padding: 1em 2em;
 max-width: max-content;
}
div.gap {
 height: 1px;
 background: #fff;
}
div.legal {
 font-size: .8em;
 text-align: center;
}