aside { margin-left: 1em; } blockquote { color: #141412; font-family: Verdana, Helvetica, sans-serif; font-size: 14px; } body { color: #141412; display: flex; flex-direction: column; font-family: Verdana, Helvetica, sans-serif; } dd { margin-bottom: 1em; text-indent: 1em; } figure { margin-top: 1em; margin-bottom: 2em; } footer { background-color: #220e10; color: #686758; font-size: small; order: 4; padding: 0.5em 1em 0.5em 1em; text-align: center; } h1 { color: #141412; font-family: Bitter, Georgia, serif; font-size: 30px; font-weight: 300; } .h1 { color: #141412; font-family: Bitter, Georgia, serif; font-size: 30px; font-weight: 700; margin: 10px 0 10px 0; } h2 { font-family: Bitter, Georgia, serif; font-size: 28px; } h3 { font-family: Bitter, Georgia, serif; font-size: 24px; } h4 { font-family: Verdana, Helvetica, sans-serif; font-size: 14pt; } h5 { font-family: Verdana, Helvetica, sans-serif; font-size: 13pt; } h6 { font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; } header { background-image: url("../img/cropped-cramer-family-park.jpg"); background-size: cover; background-repeat: no-repeat; order: 1; padding: 32px 20px 20px 20px; } nav { order: 2; } p { margin-bottom: 24px; line-height: 24px; } q { quotes: "“" "”" "‘" "’"; } .affix { position: fixed; right: 10px; bottom: 88px; } .affix-top { position: absolute; bottom: -82px; left: 10px; } .embed-responsive-4by3, .embed-responsive-16by9 { margin-bottom: 1em; } .iframe { margin: 0 0 1em; padding: 0; border: none; } .lead { font-style: italic; } .list li { margin: 8px 0; } .navbar { background-color: #f7f5e7; color: #141412; } .panel-default > .panel-heading { background-color: #f7f5e7; } .pdf, .scribd_iframe_embed { width: 100%; height: 200px; margin-bottom: 2em; } .pull-right { margin-left: 1em; } .reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *::before, .reset-box-sizing *::after { box-sizing: content-box !important; } .vr { border-left: 1px #ddd solid; padding-right: 0.25em; } .well { background-color: #f7f5e7; } .wrapContent { display: flex; flex-direction: column; margin: 1em; order: 3; } @media (min-width: 768px) { aside { flex: 1; flex-shrink: 0; /* max-width: 25%; */ } main { flex: 3; } .h1 { font-size: 36px; } .pdf, .scribd_iframe_embed { width: 100%; height: 600px; } .wrapContent { flex-direction: row; } }