@import url(https://fonts.googleapis.com/css?family=Bitter:400,700);

h1, h2, h3, h4, h5, h6 {
	font-family: 'Bitter', sans-serif;
	font-weight: 700;
    text-align: center;
    font-style: normal;
	margin-top: 30px;
    margin-bottom: 25px;
	color: #000000;
	line-height: 1.3;
}

h1 {
    font-size: 2.4rem;
    margin-top: 0;
}

h2 { font-size: 2.1rem; }

h3 { font-size: 1.8rem; }

h4 { font-size: 1.5rem; }

h5 { font-size: 1.2rem; }

h6 {font-size: 1rem; }

		.panel { padding: 35px 0 35px 0; }
		.panel > p:first-child { margin-top: 0; }
		.panel > p:last-child { margin-bottom: 0; }
		.panel h2 { margin-top: 0; }
		
		.panel-charcoal { background-color: #333333; }
		.panel-charcoal * { color: #ffffff; }
		
		.panel-buy { background-color: #960022; color: #ffffff; }		

		.panel-buy h2:first-of-type  { margin-bottom: 35px; color: #ffffff; }
		
		.panel-buy .buy-block:last-child { margin-bottom: 10px; }
		
/*
		.panel-buy p a, .panel-buy p a:hover, .panel-buy p a:visited { color: #8888FF; text-decoration: underline; }
*/		
		.panel-book-info { margin-top: -105px; position: relative; z-index: 0; }
		.panel-book-info h2 { margin-top: 95px; }
				
		.book-info p { margin: 0 0 0 0; text-align: center; }
		
		.top-button-wrapper { 
			margin: 25px 0 25px 0; text-align: center; 
		}
		
		.top-button { 
		 	margin: 10px 5px;
			font-family: 'Open Sans', 'Arial', 'Helvetica', serif; 
			width: 130px;border-radius: 19px; display: inline-block; text-align: center; padding: 7px 10px 7px 10px; 
		}
		
		.top-button-buy {background-color: #f9cf57; }
		.top-button-buy:hover, a.top-button-buy:hover { background-color: #ffda5f; }
		
		.top-button-excerpt {background-color: #c6d0ca; }
		.top-button-excerpt:hover, a.top-button-excerpt:hover { background-color: #dbe6df; }
		
		.buy-block * { color: #000000; }
		.buy-block { padding: 30px 30px 30px 30px; margin: 20px 0 20px 0; background-color: #ffffff; border-radius: 10px; }
		.buy-block *:last-child { margin-bottom: 0; }
		.buy-block *:first-child { margin-top: 0; }
		
		.book-img { position: relative; z-index: 1; border: 7px solid #ffffff; 
			margin-top:30px; display: block; margin-left: auto; margin-right: auto; 
			max-width: 320px;
		}
	
a.button, a.button:hover, a.button:visited  { text-decoration: none; color: #000000;}

a.button:active { 
position:relative;
top: 1px;
left: 1px;
color: #000000;
}


		.dropcap:first-letter
		{ 
			font-family: 'Bitter';
			font-weight: 400;
			margin-top: -33px;
    		font-size:565%;
			float: left;
    		margin-right:6px;
			
			margin-bottom: -40px;
		}