.grid-container {
  display: grid;
  width: 1049px;
  margin-left:auto;
  margin-right:auto;
  margin-top:-8px;
  grid-template-columns: 295px 72px 600px 82px;
  grid-template-rows: 23px 140px auto auto 18px auto;
  grid-template-areas: 
	"nav spine top edge" 
	"nav spine head edge" 
	"nav spine pictures edge" 
	"nav spine quotes edge" 
	"nav spine bottom bottom"
	"nav none none none";
}
 
 	div.header {visibility:hidden; display:none;}
 
 
.nav { grid-area: nav;}

.spine { grid-area: spine; 
	background-image: url("../navigation/images/book_page_left_edge.jpg");
	background-repeat: repeat-y; 
 }

.edge { grid-area: edge; 
	background-image: url("../navigation/images/book_page_right_edge.jpg");
	background-repeat: repeat-y; 

 }

.top { grid-area: top; 
	background-image: url("../navigation/images/book_page_top_edge3.jpg");
	background-repeat: repeat; 

 }

.bottom { grid-area: bottom; 
	background-image: url("../navigation/images/book_page_bottom_edge.jpg");
	background-repeat: repeat-x; 
}

.pictures { grid-area: pictures;}

.head { grid-area: head; background-color:rgba(68,51,34,0.4);}

.quotes { grid-area: quotes; 
	font-family: Baskerville;
	color: rgb(255, 255, 255); 
	justify-items: left;
	text-align:left;
	align-items:start;
	background-color:rgba(68,51,34,0.4);
	font-family: Baskerville; garamond bold; 
	font-size: 125%;
	}


.grid-container2 {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 100%;
  grid-template-areas: 
	"logo editors";
}

.logo { grid-area: logo;}

.editors { grid-area: editors;}