header { max-height: 60px; background-color: #e71e2a; position: relative; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); display: flex; }
header .logo img { max-height: 50px; margin: 5px; }
header > div { align-self: center; flex-basis: 50%; }
header > div.links { text-align: right; }
header > div a { color: #ffffff; }
header > div.links a { margin-right: 20px; text-decoration: none; }
header > div.links a i { margin-right: 5px; }
#book-wrapper { position: fixed; width: 90%; height: calc(100% - 100px); margin: auto; left: 0; right: 0; top: 80px;max-height: 801px; }
.nav { width: 100%; }
.nav span { top: 50%; position: absolute; font-size: 2em; background-color: #e71e2a; color: #ffffff; line-height: 1; margin: 5px; cursor: pointer; }
.nav span.previous { left: 0; padding: 12px 20px 12px 17px; }
.nav span.next { right: 0; padding: 12px 17px 12px 20px; }
.flipbook-viewport .flipbook.single,
.flipbook-viewport .flipbook.single .page-wrapper,
.flipbook-viewport .flipbook.single .page-wrapper div { width: 100% !important; }
.flipbook-viewport .flipbook.single .page-wrapper img { width: auto !important; margin: auto; right: 0 !important; }
.flipbook-viewport .flipbook.single.shadow,
.flipbook-viewport .flipbook.single .shadow { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }
.flipbook-viewport .flipbook.single .page { background-color: transparent; }
@media (max-width:768px) {
	header { justify-content: space-between; }
	header > div { flex-basis: inherit; }
}


@media (max-width:500px) {
.flipbook-viewport .flipbook.single .page-wrapper img{width: 100%!important;height: auto!important;}
}