html, body {
    height: 100%;
    width: 100%;
}

.h144 {
    height: 144px;
}

body > div > header p,
body > div > header ul {
    font-size: 1.250em;
    margin: 0;
    padding: 0;
}

body > div > header ul {
    list-style: none;
}

body > div > header ul a {
    text-decoration: none;
}

.content .nav-item.active.parent a,
.nav-item.current.active a {
    color: var(--red-dark);
}

body > div > header ul a:hover {
    color: var(--red-hover);
    text-decoration: underline;
}

.template-wrapper {
    margin: 0 auto;
    width: var(--page-wrapper);
}

footer {
    margin-top: var(--triple-half);
}

.top-line {
    border-top: 1px solid black;
    padding: var(--double);
}

article div.cover {
    background-size: cover;
    background-position: center;
    height: var(--cover-height);
}

.p3 {
    padding: var(--triple-half) 0 var(--quadruple);
}

.p4 {
    padding: var(--six) 0 var(--quadruple-half);
}

.pt1 {
    padding-top: var(--regular);
}

.pt2 {
    padding-top: var(--double);
}

.pt6 {
    padding-top: var(--six);
}

.pb2 {
    padding-bottom: var(--double-half);
}

.pb3 {
    padding-bottom: var(--triple-half);
}

.pb4 {
    padding-bottom: var(--quadruple-half);
}