body { width: 80%; margin: 0px auto; margin-top: 2%; background: #f5f5f5; } h1 { font-size: 1.4em; text-align: center; } #brand_title{ color: #4e4f55; text-decoration:none; text-transform: uppercase; } #page_title{ color: #4e4f55; text-decoration:underline; letter-spacing: 0.3px; } #redb{ color: red; } #the-canvas{ width:100%; } #redi{ color: red; text-transform: lowercase; font-style: italic; font-size: 1.5em; font-weight: bold; } #downloadtitle{ width: 100%; background: #69c; display: flex; height: 50px; align-items: center; justify-content: center; font-weight: bold; font-size: 1.1em; margin: 0px auto; box-sizing: border-box; } #downloadtitle a{ color:white; } #downarrow{ color:white; padding: 8px; } #stuff-bar { display: flex; align-items: center; width: 100%; height: 50px; background: #2c2e36; margin: 0px auto; color: white; font-size: 1.4em; justify-content: center; } #stuff-bar a { color: white; } #zoomnav, #pagenav { width: 45%; display: flex; justify-content: center; align-items: center; } #zoomnav div, #pagenav div { margin-right: 15px; } #zoomnav span { cursor: pointer; } #currpage { background: white; color: #2c2e36; padding: 2px 10px; border-radius: 8px; font-weight: bold; font-size: 1.3em; } .firstpage { background: white; border-radius: 31px; padding: 3px 4px; font-size: .9em; text-align: center; margin-right: 10px!important; } .firstpage i { color: #2c2e36; } #pdfprogress { text-align: center; font-weight: bold; margin: 20px; font-size: 1.2em; } @media screen and (max-width: 560px) { #brand_title, #page_title { font-size: .8em; } #downloadtitle { font-size: .75em; padding: 10px; line-height: 16px; text-align: center; } .adv { display:none; } #zoomnav div, #pagenav div { margin-right: 10px; } }