p {text-align: left;font-size: 1rem;margin-top: 1rem;margin-bottom: 1rem;text-indent:0;font-family: "Gill Sans", sans-serif;line-height: 1.5em;}
hr {margin-top:1em;}
h1 {text-align: left; font-size: 26pt; font-weight:bold; margin-top:0; margin-bottom: .25em; text-indent:0; font-variant: small-caps; font-family: "Rubik", sans-serif;}
h1.ah-space {text-align: left; font-size: 26pt; font-weight:bold; margin-top:1em; margin-bottom: .25em; text-indent:0; font-variant: small-caps; font-family: "Rubik", sans-serif;}
body {margin-left:10%;margin-right:10%;background-image: url("images/jetsamwallpaper.png"); background-size: 200px 200px;}

@media screen and (max-width:650px) {
.li-menu {font-size: large;}
}

.bookpage-image{float: left;margin-right: 1.5em;max-width:35%;}

/*divs*/
.header {margin:auto;margin-top:2em;max-width:700px;}
.header::after{content: " "; display: block; height: 0; clear: both;}
.logo {display:inline;float: left;width: 50%;overflow:hidden;background-color: #ffffee;border-radius: 5px;padding: .5em; box-shadow: 11px 15px 9px 0px rgba(0,0,0,0.78);}
img.logoimg {width: 80%;margin: auto;height:auto;display: block;}
img.bp-image {width:100%;height:auto;border: solid 1px #777777;/* margin-bottom: .75rem; *//* margin-right: 3.75rem; */}
.logo::after{content: " "; display: block; height: 0; clear: both;}
.bookimagetext::after{content: " "; display: block; height: 0; clear: both;}
.tagline{display: block;overflow:hidden;width: 45%;height: inherit;background-color: #ffffee;border-radius: 5px;float: right;}
.tagline::after{content: " "; display: block; height: 0; clear: both;}
.menu {text-align:center;margin:auto;max-width:700px;margin-top:1em;margin-bottom:1em;padding-top: .25em;padding-bottom: .25em;border: 2px solid #dd4444;border-radius: 5px;background-color: #ffffee;box-shadow: 11px 15px 9px 0px rgba(0,0,0,0.78);overflow: visible;}
.menu:after{content: " "; display: block; height: 0; clear: both;}
.bodydiv{margin:auto;max-width:700px;background-color: #ffffee; border: 2px solid #dd4444;box-shadow: 11px 15px 9px 0px rgba(0,0,0,0.78);border-radius: 5px;}
.bodytext{overflow:hidden;margin-left: 3em;margin-right:3em;margin-top:1.5em;margin-bottom:1.5em; max-height: 999999px;}
.booklist{display: inline; float:left; width:150px; background-color: #eeddaa; margin-left:3%;}
.books{overflow:hidden; margin-top:2em;}

.iframediv{position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;
}
.iframediv iframe{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.iframediv::after{content: " "; display: block; height: 0; clear: both;}

/*menu*/
ul {list-style-type: none; margin: 0; padding: 0;}
.li-menu {float:left; display: inline; font-size: x-large; font-variant:small-caps; width:18%; text-align:center; text-indent:0; font-family: 'Rubik', sans-serif; padding-left:1%;padding-right:1%;}
a {color:black;}
a:hover {color:brown;}
a.booklink {text-decoration: none;}

/*paragraphs*/
.first {text-indent:0;margin-top: 0;}
.headertext{text-align: center;font-family:"Century Gothic" , sans-serif;text-indent:0;font-style: italic;font-size: .9rem;margin-left: .5em;margin-right: .5em;height:100%;vertical-align: middle;}
.head {font-size:large;font-weight:bold;margin-top:1em;margin-bottom:0;}
.role {font-size:medium;font-weight:bold;margin-top:0;}
.nospace {margin-top: 0;}
.section {font-family: 'Rubik', sans-serif; text-align: center; margin-top: 2em; margin-bottom: 2em;}

.booklist-name {text-align: center; margin-top:0; margin-bottom:0;font-weight:bold;}
.booklist-author {text-align: center; margin-top:0; margin-bottom:0;font-style:italic; margin-bottom:.25em;}
.bookicon {text-align: center;}

@media only screen and (max-width: 700px) {
body {margin-left:5%;margin-right:5%;}
.li-menu {font-size: 3vw;}
.headertext{font-size: 2.5vw;}
}
@media screen and (min-resolution: 3dppx) {
body {margin-left:5%;margin-right:5%;}
.li-menu {font-size: 4vw;}
.headertext{font-size: 3vw;}
.bodytext{margin-left: 1em;margin-right:1em;}
}