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



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

.formtitle {

	display: block;
	position: relative;
	width: 100%;
	height: 60px;
	letter-spacing: 6px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:42px;
	color: white;
	text-align:center;
	clear: both;
	
}

.formholder {

	display: block;
	position: relative;
	width: 100%;
	height: 40px;
	clear: both;
	
}

.messholder {

	display: block;
	position: relative;
	width: 100%;
	height: 128px;
	clear: both;
	
}

.messageholder {

	display: block;
	position: relative;
	width: 50%;
	height: 128px;
	float: left;
	
}



.formtextblock {

	display: block;
	position: relative;
	width: 50%;
	height: 30px;
	letter-spacing: 6px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
	color: white;
	text-align:right;
	float: left;
	
}

.formfield {

	display: block;
	position: relative;
	width: 50%;
	height: 30px;
	letter-spacing: 6px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
	color: #FFFFFF;
	text-align:left;
	float: left;
	
}



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

	display: block;
	position: relative;
	width: 100%;
	height: 60px;
	letter-spacing: 6px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:42px;
	color: white;
	text-align:left;
	clear: both;
	
}
	
.formholder {

	display: block;
	position: relative;
	width: 100%;
	height: 70px;
	clear: both;
	/* background: #95191C; */
	
}

.formtextblock {

	display: block;
	position: relative;
	width: 100%;
	height: 30px;
	letter-spacing: 6px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
	color: white;
	text-align:left;
	clear: both;
	padding-left: 2%;
	
}
	
.formfield {

	display: block;
	position: relative;
	width: 100%;
	height: 30px;
	letter-spacing: 6px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
	color: #FFFFFF;
	text-align:left;
	float: left;
	padding-left: 2%;
	
}	
.messageholder {

	display: block;
	position: relative;
	width: 100%;
	height: 128px;
	clear: both;
	padding-left: 2%;
}	
	
}



.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:500px;
	text-align:justify;
}


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

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

.descriptionbox4
{  
	display:block;
	position:relative;
	width:50%;
	height:300px;
	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:400px;
	text-align:justify;
}


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

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

.descriptionbox4
{  
	display:block;
	position:relative;
	width:100%;
	height:850px;
	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:600px;
	text-align:justify;
	
}


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

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

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


}