html,
body {
  width: 100%;

  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: serif;
  font-weight: 100;
  color: rgba(15,15,15,.9);
  /* background-image: url("assets/paperTexture2.jpeg"); */
  /* transform: scale(1, .95); */
}

a {
  text-decoration: none;
  /* font-style: italic; */
  color: rgba(15,15,15,.8);
}
a:hover {
  text-decoration: none;
  font-style: italic;
  color: rgba(15,15,15,.8);
}

/* ===================Head of Page======================== */

.titleDiv {
  text-align: center;
  align-content: center;
  font-size: 4vw;
  width: 80%;
  margin: auto;
  font-weight: bold;
  padding: 3.5% 0 1% 1.2%;
  
  letter-spacing: 2px;
  /* transform: scale(1, .95); */
  font-family: "adobe-garamond-pro", serif;  
  /* font-family: calluna, serif; */
  font-weight: 400;
  font-style: normal;
  /* text-transform: lowercase; */

}

.preTitle2{
  font-size: 1.5vw;
}

.titleDiv2 {
  text-align: center;
  align-content: center;
  font-size: 1.85vw;
  width: 80%;
  margin: auto auto 5% auto;
  font-weight: bold;
  padding: 1% 0 1% 1.2%;
  color: rgba(15,15,15,.8);
  letter-spacing: 2px;
  /* transform: scale(1, .95); */
  font-family: "adobe-garamond-pro", serif;  
  /* font-family: calluna, serif; */
  font-weight: 400;
  font-style: normal;
  /* text-transform: lowercase; */

}

.indentSpan {
  /* padding: auto 2%; */
  margin: auto 2.2%;
}




.personalStatement {
  margin: 0 auto 10% auto;
  padding: 0 15%;
  text-align: center;
  text-align: justify;
  line-height: 110%;
  position: relative;
}

.psSignatureWrapper {
  margin: auto auto 5% auto;
  position: absolute;
  right: 15.5%;
  
}

.psSignature {
  text-align: left;
}


/* 
.other {
  width: 50%;
  margin: 50% auto;
  text-align: center;
  align-content: center;
  transition: width .4s;
} */

/* .otherContent {
 
  margin: auto;

} */

.bookPagesL {
margin: auto 5% auto 20%;

}
.bookPagesR {
margin: auto 20% auto 5%;

}

.chGraphic {
  /* width: 20%; */
  /* margin: 0 auto; */
  text-align: center;
}
.chGraphicIMG {
  width: 40%;
  margin: 7% auto 0 auto;
  text-align: center;
}

.chNum {
text-align: center;
font-weight: bold;
/* padding: 0 auto 10% auto; */
margin: 2% auto 2% auto;
}

.chTitle {
text-align: center;
font-weight: bold;
/* font-style: italic; */
/* padding: 0 auto 10% auto; */

}
.chTitle0 {
text-align: center;
font-weight: bold;
margin: 5% auto 0 auto;
/* font-style: italic; */
/* padding: 0 auto 10% auto; */

}

.chSubTitle {
  font-weight: 200;
  font-style: italic;
  text-align: center;
  margin: 0 auto 5% auto;
  
}

.chBody1 {
  text-align: justify;
  line-height: 110%;
  /* text-indent: 4%; */
 
  
}
.chBody {
  text-align: justify;
  line-height: 110%;
  padding: 5% auto;
  margin: 14.3% auto 0 auto;
 
  
}
.chBody0 {
  text-align: justify;
  line-height: 110%;
  padding: 5% auto;
  margin: 10% auto 2% auto;
  /* background-color: red; */
 
  
}

.pageNum {
  font-weight: 200;
  font-style: italic;
  text-align: center;
  margin: 3% auto 20% auto;
}

.poemTitle {
text-align: center;
font-weight: bold;
/* font-style: italic; */
/* padding: 0 auto 10% auto; */

}

.audioDiv {
  margin: 0 auto;
  text-align: center;
}

/* ========================{ Media Queries }======================================= */

/* PHONES */

@media screen and (max-width: 992px) {

.titleDiv {
  font-size: 9vw;
  margin: 15% auto 0 auto;
}
.titleDiv2 {
  
  margin: 0 auto 10% auto;
}
  .preTitle2 {
    font-size: 4vw;
  }

  .titleDiv2 {
    font-size: 5vw;
  }

  .other {
    /* width: 10%; */
    /* margin: 5% 2%; */
  }

.chTitle0 {
text-align: center;
font-weight: bold;
margin: 20% auto 0 auto;
/* background-color: red; */
/* font-style: italic; */
/* padding: 0 auto 10% auto; */

}



}