body { 
margin:0;
font-family: verdana;
  Background-color: #F3F8F9;
}

h1 {
  color: white;
font-size: 250%;
Margin: 10px;
font-weight: 500;
}
h2 {
 color: dimgray;
font-size: 200%;
Margin: 10px 0;
}
h2.sectionHeader {
Display:inline-block;
Text-align:center; 
color: dimgray;
font-size: 200%;
margin: 10px 0 0 0;
Padding:0;
Width:85%;
Border-bottom: 1px solid #000;
}
h2.bookTitle {
font-size: 160%;
margin: 20px 0 5px 0;
}
h3 {
 color: #6A6A6A;
font-size: 85%;
}
h3.subTitle {
Margin:0 0 10px;
font-weight:400;
}
p {
  color: slategray;
}
p.subHeader {
	font-size: 150%;
color: #e7e7e7;
Margin: 0;
}
.header {
	background-color: #595959;
  text-align:center;
	margin: 0px auto 0px auto;
padding: 30px 0;
}
.header img {
}
p.pageNav {
margin-left:25px;
}
p.pageNav a {
text-decoration:none;
}
.contentWrapper {
  Margin:30px 50px;
Padding: 30px;
Text-align:center;
}
.bookBlock, .bookDetailBlock {
Margin:20px 0;
Display:inline-block;
Text-align:left;
 vertical-align: top;
  min-width: 40%;
//Min-width: 300px;
  Height:auto;
  padding: 15px;
  // border: 1px solid gray;
}
.bookphoto {
	float:left;
width: 50%;
margin-right: 15px;
 // Display:inline-block;
}
.bookphoto img {
max-width: 100%;
    max-height: 100%;
border: 1px solid #C2C2C2;
}
p.bookreview {
	font-style:italic;
margin:40px 0 0 30px;
color:#5DA9BC;
}

/* BUTTON STYLES */
.btn {
  align-items: center;
  background-clip: padding-box;
  background-color: #2ea44f;
  border: 1px solid transparent;
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 3rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.btn:hover,
.btn:focus {
  background-color: #47b967;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn:active {
  background-color: #2ea44f;
  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
  transform: translateY(0);
}
.btnMore {
	margin-top:30px;
}
.lowerWrapper {
/* Clear:left; 
Display:block; */
text-align:center;
Margin:20px 0;
Display:inline-block;
 vertical-align: top;
width:85%;
  Height:auto;
  padding: 15px;
}

.aboutContent {
Text-align:left;
}
.fltLft {
float:left;
}
.aboutList {
Margin:20px 0;
Display:inline-block;
Text-align:left;
 vertical-align: top;
width: 40%;
  min-width: 400px;
  Height:auto;
  padding: 15px;
}
ul {
list-style-type: none; /* Remove bullets */
}
li {
border-bottom:1px solid #030303;
font-weight:bold;
}
/* END BUTTON STYLES */
.footerWrapper {
Text-align:center;
Border-top: 1px solid gray;
margin-bottom:15px;
padding: 20px 0;
}

@media only screen
    and (max-width: 900px)
    and (-webkit-device-pixel-ratio: 3) {
    .bookBlock, .aboutList {
Margin:10px 0;
  min-width: 100%;
  padding: 5px;
}
.contentWrapper {
  Margin:12px 8px;
Padding: 15px;
}
.aboutList ul {
padding:0;
}
.bookDetailBlock .bookphoto {
width:100%;
}
}