body { 
font-family: Georgia, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
line-height: 1.5; margin:0;
}

main, footer, nav { padding: 0 16px; margin-right: auto; margin-left: auto; }
main { margin-top: 18px }
h1 { font-size: 1.5em; margin: 0.67em 0; }
h1, h2, h3, div.left, div.right, footer, sup { font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" }
footer { margin: 16px auto 24px }
div.credit { clear:both; font-size: 75%; color: #888; }
footer p { margin: 0 }
sup { font-size: 75%; line-height: 0; vertical-align: baseline; font-weight: bold }
.left { float: left; margin: 0 0 16px }
.right { float: right; margin: 0 0 16px }
ol { list-style-type: none; padding: 0; margin: 0; columns: 200px auto }
li { margin-bottom: 4px; }
p.quote { margin: 0; }

header { background: #FFFFFF; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15); padding: 12px 0 }
header h1 { font-size: 18x; margin: 0; flex-grow: 1 }
header h1 a { text-decoration: none; color: black }
header nav {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0 16px;
}
header select {
padding: 4px 4px 4px 12px;
margin: 0px 4px;
background: #FFFFFF;
border: 1px solid #C7C7C7;
box-sizing: border-box;
border-radius: 8px;
}
header select#book { width:100%;max-width:fit-content }
footer nav { padding: 0 }

@media screen and (min-width: 1280px) {
body, select { font-size: 16pt; }
}

@media screen and (max-width: 1280px) {
body, select { font-size: 14pt; }
}

@media screen and (max-width: 768px) {
h1.navright { display: none }
}

@media (min-width: 576px) {
main, footer, nav { max-width: 520px; }
}
@media (min-width: 768px) {
main, footer, nav { max-width: 700px; }
footer { text-align: center }
}
@media (min-width: 992px) {
main, footer, nav { max-width: 900px; }
}
@media (min-width: 1200px) {
main, footer, nav { max-width: 1100px; }
}