header {
  flex:none;
  margin:0 auto;
  padding: 1em 1em 2em;
  width:100%;
  /* background: linear-gradient(to bottom, rgb(106, 100, 97) 0%, rgba(237, 235, 225, .7) 40%,rgba(247, 245, 235, .01) 100%); */
  /* height:50%; */
  	/* background: linear-gradient(to top, rgb(247, 245, 235) 0%, rgb(239, 237, 235) 50%, rgb(226, 219, 216) 100%) */
    /* background:  linear-gradient(to bottom, rgba(106, 100, 97, 1) 0%,rgba(247, 245, 235, .01) 100%) */
}

#site-name {
 position: relative;
 display: block;
 font-family: 'Cormorant Garamond', serif;
 font-weight:300;
 /* text-transform: uppercase; */
 /* color: #4D4D4D; */
 color: rgb(94, 84, 71 );
 color: rgb(255, 255, 255 );
 line-height: 1;
 font-size: 2em;
 letter-spacing: 0;
 text-align: center;
 width: 100%;
 line-height:1.1;

}
@media screen and (min-width:475px){
#site-name {
 position: relative;
 display: block;
 /* font-family: 'Raleway', serif; */
 font-weight:300;
 /* text-transform: uppercase; */
 /* color: #4D4D4D; */
 color: rgb(94, 84, 71 );
 line-height: 1;
 color: rgb(255, 255, 255 );
 font-size: 2.5em;
 letter-spacing: 0;
 text-align: center;
 width: 100%;
 line-height:1.1;
 padding-top:0
}
}
@media screen and (min-width:800px){
  #site-name {
   position: relative;
   display: block;
   /* font-family: 'Raleway', serif; */
   font-weight:300;
   /* text-transform: uppercase; */
   /* color: #4D4D4D; */
   color: rgb(94, 84, 71 );
   color: rgb(255, 255, 255 );
   line-height: 1;
   font-size: 4em;
   letter-spacing: .015em;
   text-align: center;
   width: 100%;
   line-height:1.1;
  }
}
@media screen and (min-width:800px){
  #site-name {
   position: relative;
   display: block;
   /* font-family: 'Raleway', serif; */
   font-weight:400;
   /* text-transform: uppercase; */
   /* color: #4D4D4D; */
   color: rgb(94, 84, 71 );
   color: rgb(255, 255, 255 );
   line-height: 1;
   font-size: 4em;
   letter-spacing: .015em;
   text-align: center;
   width: 100%;
   line-height:1.1;

  }
}
#book-title {
 position: relative;
 display: block;
 font-family: 'Cormorant Garamond', serif;
 font-weight: 400;
 color: #000;
 color: rgb( 42, 35, 26 );
 color: #000;
 line-height: 1.1;
 font-size:2em;
 text-align: center;
 width: 100%;
 margin:0 auto;
 padding-top:.25em;
  text-shadow: 1px 1px 10px #ccc;
}

@media screen and (min-width:475px){
  #book-title {
   position: relative;
   display: block;
   font-family: 'Cormorant Garamond', serif;
   font-weight: 400;
   color: #000;
   color: rgb( 42, 35, 26 );
   color: #000;
   line-height: 1.1;
   font-size:3em;
   text-align: center;
   width: 100%;
   margin:0 auto;
   padding-top:0;
   padding-bottom:2rem;
  }
}
@media screen and (max-width:600px) and (orientation: landscape) {
  #book-title {font-size:1.75em;}
}
@media screen and (min-width:800px){
  #book-title {
   position: relative;
   display: block;
   font-family: 'Cormorant Garamond', serif;
   font-weight: 400;
   color: #000;

   color: rgb( 42, 35, 26 );
   color: #000;
   line-height: 1.1;
   font-size:3.75em;
   text-align: center;
   width: 100%;
   margin:0 auto;
  }
}
@media screen and (min-width:1000px){
  #book-title {
   position: relative;
   display: block;
   font-family: 'Cormorant Garamond', serif;
   font-weight: 400;
   color: #000;

   color: rgb( 42, 35, 26 );
   color: #000;
   line-height: 1.1;
   font-size:4em;
   text-align: center;
   width: 100%;
   margin:0 auto;
  }
}
/* #book-title::after {
  position:relative;
  margin:0 auto;
  content:'';
  width:300px;
  height:2px;
  background: rgba(240,200,200.3);
  background: linear-gradient(90deg, rgba(240,230,220,.1) 4%, rgba( 62, 78, 78, 1 ) 46%, rgba( 63, 55, 44, .01) 90%);
  display:block;
  top:0;
  margin-bottom:1em;
 }

@media screen and (min-width:800px){
#book-title::after {
  position:relative;
  margin:0 auto;
  content:'';
  width:500px;
  height:3px;
  background: rgba(240,200,200.3);
  background: linear-gradient(90deg, rgba(240,230,220,.1) 4%, rgba(  46, 55, 55 , 1 ) 46%, rgba( 63, 55, 44, .01) 90%);
  display:block;
  top:.5em;
  margin-bottom:1em;
 }
} */