@font-face { font-family: "Book"; src: url("./media/fonts/standard-book-webfont.woff"); } @font-face { font-family: "Book"; src: url("./media/fonts/standard-book-italic-webfont.woff"); font-style: italic; } * { font-family: Book ; } #wrapper { width: 90%; margin: auto; } header { padding-top: 10px; line-height: .9em; font-size: 14px; text-align: center; } h1 { font-style: italic; } a { text-decoration: none; } section { width: 100%; } ul { width: 80%; margin: auto; list-style: none; font-size: 15px; padding: 0px; line-height: 19px; } #left { float: left; width: 50%; margin: auto; } #right { float: right; width: 50%; margin: auto; } article { width: 96%; margin: auto; } #pdf { width: 94%; height: 55vh; } #description { height: 55vh; overflow-y: auto; } @media only screen and (max-width: 600px) { header { font-size: 10px; } #left { width: 96%; } #right { width: 96%; } article { width: 100% } }