body {
    /* http://subtlepatterns.com/bedge-grunge/ */
    background: url("../img/bedge_grunge.png");
    font-family: 'Noto Serif', serif;
    font-size: 12pt;
}
.browsehappy {
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
    background-color: #A40000;
    font-size: 14pt;
    color: white;
    line-height: 42px;
}
.browsehappy a {
    color: white;
}
.content {
    padding: 20px;
}
.header .title {
    font-size: 28pt;
}
.header .subtitle {
    font-size: 10pt;
}
.footer {
    margin-top: 20px;
    font-size: 10pt;
}
@media (max-height: 800px) {
    body {font-size: 10pt;}
    .content {padding: 4px;}
    .header .title {font-size: 20pt;}
    .header .subtitle {font-size: 9pt;}
}
@media (min-width: 1000px) {
    body {width: 980px;margin: 0px auto;}
    .chapters {margin: 0px auto;width: 780px;}
}