.pdf_container{ margin: 0 15%; } .galley_view { border: 1px solid black; direction: ltr; width:100%; } .header_view { z-index: 2; position: relative; background: #006798; } .header_view .return { position: absolute; top: 0; left: 0; width: 2.143rem; height: 2.143rem; line-height: 2.143rem; background: #fff; color: #006798; text-align: center; } .header_view .return:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f060"; margin-top:8px; } .header_view .title { display: block; padding-left: 2.857rem; max-width: 100%; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .93rem; color: #fff; } @media (min-width: 768px){ .header_view .title{ font-size: 1rem; } } .header_view a { line-height: 2.143rem; text-decoration: none; } .header_view .download { display: block; position: absolute; top: 0; right: 0; width: 2.143rem; background: #fff; text-align: center; } @media (min-width: 768px){ .header_view .download{ width: auto; padding: 0 1.43rem; } } @media (min-width: 768px){ .header_view .download .label{ display: inline-block; } } .header_view .download:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f019"; } .pkp_screen_reader, .cmp_skip_to_content a, .pkp_page_index .journals h2, .pkp_page_index .cmp_announcements h2, .page_register .context_optin .roles legend { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; left: -2000px; } @media(min-width: 768px){ .pkp_screen_reader, .cmp_skip_to_content a, .pkp_page_index .journals h2, .pkp_page_index .cmp_announcements h2, .page_register .context_optin .roles legend { display: none; } }