body { display: flex; flex-direction: column; font-family: "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif; font-size: 18px; padding-top: 20px; } aside { font-size: 16px; margin-top: 1.75em; } blockquote, blockquote p { font-size: 16px; line-height: 20px; } dd { padding-left: 1em; } figure { padding: 1em 0; } footer { background-color: #f5f5f5; padding: 0.5em; } footer > p { font-size: small; margin: 1em; text-align: center; } h1, h2, h3, h5, h6, figcaption, .lead { font-family: Optima, Candara, "Noto Sans", source-sans-pro, sans-serif; } h4 { font-family: Optima, Candara, "Noto Sans", source-sans-pro, sans-serif; font-weight: bold; } header > p { margin-left: 1em; margin-right: 1em; } iframe { padding-bottom: 1em; } nav { font-family: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif; font-size: 16px; } q { quotes: "“" "”" "‘" "’"; } q::before { content: open-quote; } q::after { content: close-quote; } .panel-heading { font-family: Optima, Candara, "Noto Sans", source-sans-pro, sans-serif; font-weight: bold; } .pdf { height: 600px; width: 100%; } .pull-left { margin-right: 1em; } .pull-right { margin-left: 1em; } .wrapContent { display: flex; flex-direction: column; margin-left: 1em; margin-right: 1em; } @media (min-width: 768px) { aside { flex: 1; } main { flex: 2; } .wrapContent { flex-direction: row; column-gap: 1em; } }