.masthead{padding:8px 16px;padding:.5rem 1rem;background-color:purple;color:white;position:fixed;top:0;left:0;width:100%;display:none}.masthead a{color:white;text-decoration:none}#branding{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#branding h1{font-size:14.4px;font-size:.9rem;font-weight:400;text-transform:uppercase;margin-right:16px;margin-right:1rem}#branding h2{font-size:14.4px;font-size:.9rem;font-weight:400}.nav-trigger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:purple;position:fixed;bottom:0;left:0;width:100%;z-index:50}.nav-trigger ul{list-style:none;padding:0;margin:0}.nav-trigger ul li{padding:8px 0 0;padding:.5rem 0 0}.nav-trigger a{font-size:32px;font-size:2rem;color:white}.menu-close{display:none}#toc-toggle{display:none}#main-menu{background:white;text-align:center;padding:32px 0 0;padding:2rem 0 0;margin-bottom:32px;margin-bottom:2rem;height:40vh;position:fixed;bottom:0;left:0;width:100%;overflow-y:auto;box-shadow:0 0 10px 0 rgba(0,0,0,.25);z-index:10;display:none}#main-menu ul{list-style:none;padding:0;display:block}#main-menu ul li{padding:8px 0;padding:.5rem 0}#main-menu ul li a{text-decoration:none;color:purple}.menu-heading{font-size:16px;font-size:1rem;text-transform:uppercase;color:purple}.menu-reveal{margin-left:-20vw}.intro{background-image:-webkit-linear-gradient(rgba(255,255,255,.3),rgba(128,0,128,0),rgba(128,0,128,0)),url(http://www.publicdomainpictures.net/pictures/170000/velka/victorian-woman-flower-garden.jpg);background-image:linear-gradient(rgba(255,255,255,.3),rgba(128,0,128,0),rgba(128,0,128,0)),url(http://www.publicdomainpictures.net/pictures/170000/velka/victorian-woman-flower-garden.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.intro .title{text-align:center;color:purple;margin:16px;margin:1rem}.intro .title h1{font-size:64px;font-size:4rem;font-weight:400;line-height:1;margin-bottom:16px;margin-bottom:1rem}.intro .title h2{font-weight:400;font-size:24px;font-size:1.5rem}.chapter-masthead{text-align:center;padding-top:32px;padding-top:2rem}.chapter-heading{font-size:32px;font-size:2rem;padding:32px 0 16px;padding:2rem 0 1rem}.chapter-sub{padding-bottom:16px;padding-bottom:1rem;text-transform:uppercase;font-size:14.4px;font-size:.9rem}.uppercase{text-transform:uppercase}.italic{font-style:italic}.section-heading{text-align:center}.poem p{font-size:16px;font-size:1rem}*{box-sizing:border-box}body{margin:0;position:relative;z-index:1;font-family:serif;font-family:Cardo,serif}h1,h2,h3,h4,h5,h6{margin:0;font-style:italic}p{margin:16px 0 8px;margin:1rem 0 .5rem;font-size:18px;line-height:1.3;color:#333;font-family:Cardo,serif}article{padding:0 16px 60px;padding:0 1rem 60px;max-width:768px;margin:auto}main{-webkit-transition:all 300ms ease;transition:all 300ms ease}@media(min-width:900px){.masthead{display:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#branding{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.nav-trigger{display:none}#toc-toggle{display:block}#main-menu{position:fixed;top:68px;left:100vw;width:20vw;height:100vh;overflow-y:auto;background:white;padding:2rem 1rem 4rem}#main-menu ul{list-style:none;padding:0}#main-menu ul li{padding:1rem 0}#main-menu ul a:hover{text-decoration:underline}.chapter-masthead{padding-top:4rem}}@media(min-width:768px){#main-menu{font-size:1.3rem}.menu-heading{font-size:1.3rem}.intro .title{margin-left:1rem}.intro .title h1{font-size:5.5rem}.intro .title h2{font-weight:400;font-size:1.5rem}.intro{background-position:center center}p{font-size:20px;line-height:1.4}}@media(min-width:400px){.intro .title h1{line-height:1}}@media(min-width:1024px){.intro .title{margin-left:1rem}.intro .title h1{font-size:7rem}.intro .title h2{font-weight:400;font-size:2rem}}@media(min-width:1368px){.intro .title h1{font-size:8rem}.intro .title h2{font-weight:400;font-size:2.3rem}}@media(min-width:500px){.intro{height:100vh}}