@charset "utf-8";
/* Building Blocks */

.tophd {
display:block;
height:120px;
width:100%;
position:relative;
margin: auto;
font-family: 'Roboto', sans-serif;
font-size:36px;
color: white;
font-style:normal;
font-weight: 100;
 letter-spacing: 3px;
text-align:center;
	clear: both;
}

.topline {
display:block;
height:120px;
width:100%;
position:relative;
margin: auto;
font-family: 'Roboto', sans-serif;
font-size:16px;
color: white;
font-style:normal;
font-weight: 100;
letter-spacing: 3px;
line-height: 28px;
text-align:center;
		clear: both;
}

.bigbook {
display:block;
height:1227px;
width:800px;
position:relative;
margin: auto;
}

/* content holder */
.descriptionbox1
{  
	display:block;
	position:relative;
	width:50%;
	height:850px;
	text-align:justify;
}


.descriptionbox2
{  
	display:block;
	position:relative;
	width:50%;
	height:700px;
	text-align:justify;
}

.descriptionbox3
{  
	display:block;
	position:relative;
	width:50%;
	height:300px;
	text-align:justify;
}

.descriptionbox4
{  
	display:block;
	position:relative;
	width:50%;
	height:250px;
	text-align:justify;
}

.will-pearson005 {background-image:url("https://chris-keenan.com/willpearsonbooks.com/img/Will_Pearson_mysteries.jpg");
background-position: center;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-position: center center;
	
}


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

.bigbook {
display:block;
height:920px;
width:600px;
position:relative;
margin: auto;
}	

.descriptionbox1
{  
	display:block;
	position:relative;
	width:100%;
	height:750px;
	text-align:justify;
}


.descriptionbox2
{  
	display:block;
	position:relative;
	width:100%;
	height:700px;
	text-align:justify;
}

.descriptionbox3
{  
	display:block;
	position:relative;
	width:100%;
	height:250px;
	text-align:justify;
	
}

.descriptionbox4
{  
	display:block;
	position:relative;
	width:100%;
	height:250px;
	text-align:justify;

}


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

.bigbook {
display:block;
height:552px;
width:360px;
position:relative;
margin: auto;
}	

.descriptionbox1
{  
	display:block;
	position:relative;
	width:100%;
	height:1250px;
	text-align:justify;
	
}


.descriptionbox2
{  
	display:block;
	position:relative;
	width:100%;
	height:500px;
	text-align:justify;
}

.descriptionbox3
{  
	display:block;
	position:relative;
	width:100%;
	height:400px;
	text-align:justify;
}

.descriptionbox4
{  
	display:block;
	position:relative;
	width:100%;
	height:350px;
	text-align:justify;


}