html, body{
  	font-family: 'Roboto', 'Helvetica Neue', sans-serif;
    font-size: 17px;
    font-weight: 400;
  	-webkit-font-smoothing: antialiased;
    color: rgba(0, 0, 0, .87);
    background: whitesmoke;
    margin: 0;
}


div.outer {
    height: 100%;
    overflow-y: auto;
} 

div.inner {
    background: white;
    height: auto;
    min-height: 100%;
    padding: 18px min(40px, 5%) 30px;
    margin: 0 auto 60px;
    max-width: 800px;
}

.logo-container img {
    float: left;
    width: 98px;
    margin: -66px 12px 0 0;
}

p { margin: 24px 0; }

h1 {
    font-weight: 400;
    margin: 96px 0 24px;
    font-size: 48px;
}
h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 48px 0 24px;
}
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 {
    font-weight: 500;
    font-size: 20px;
}
h5, 
span.inline-sub {
    font-size: 17px;
    font-weight: 500;
}

.policy a {
    color: #004cb5;
    text-decoration: none;
}
.policy a :active,
.policy a:hover {
    opacity: .8;
    text-decoration: underline;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 12px;
    text-align: left;
}
th { font-weight: 500; }