body, ul, li, h1{margin:0;padding:0;}
body{font-family:"century gothic"; color:#333;}
.clear{clear:both;}
hr{opacity:.5; margin: 30px 0 45px 0;}

a, blockquote{color:#631B8A; font-weight:bold;}
a:hover{color:#9355B8;}

blockquote{font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; font-size:24px; font-style:italic; line-height:30px; text-align:center; margin:0;}

.center{margin:25px 0 0;}

.full{ width: 100%;}
.md{width:50%}

.button{float: left; text-align: center;}
.button a{background: none repeat scroll 0 0 #631b8a;border: 1px solid #fff;color: #fff;display: inline-block;font-size: 20px;padding: 15px;text-decoration: none; width: 250px;}
.button a:hover{background:#9355B8;}
.home.button a{margin: 600px 0 0; font-size: 36px; width:27%;}

.module.parallax{
	height:600px;
	background-position: 50% 50%;
	background-repeat:no-repeat;
	background-attachment: fixed; /*background attachment attaches the background image in place while our content scrolls past it.*/
	background-size: cover; /*forces the background image to occupy the total available space by epanding it proportionally - works with height*/
	}
	
.module.parallax h1{
	color: rgba(255,255,255,.80);
	font-size:84px;
	text-align:center;
	text-transform:uppercase;
	text-shadow: 0 0 10px rgba(0,0,0,.30);
	line-height:600px;
	}
#home h1{text-indent:-9000px; line-height:850px;}
#home{background-image: url("images/cover.jpg"); height:100%;}
#author{background-image: url("images/farming.jpg");}
#facts img{width:100%; padding:125px 0;}
#facts .sm{display:none;}
#press{background-image: url("images/mom.jpg"); background-position:center center}
#order{background-image: url("images/book.jpg");  height:100%;}
#order h1{text-indent:-9000px; line-height:500px;}
#contact{background-image: url("images/family.jpg"); background-position:center top}

#facts{height:100%;}
.container.press{padding:25px 0 0 0;}
.press .right, .press .left {width:47%;}

.content{padding: 0 15px;}
.left{float:left; width:60%;border-right:1px solid #cecece;}
.right{float:left; width:30%}

.thumbnail{float:left;padding:5px; margin:0 15px 25px 0; border:1px solid #ccc; }

.press{text-align:left;}
small{text-align:right; display:block; color:#858585;}

#order .container{width:53%; padding: 150px 0 0 100px;}
#order h2, #order h3, #order p{color:#631b8a; margin:0;}
#order h3{line-height:0;}
#order h2{font-size: 60px;text-transform: uppercase;}
#order p{font-size: 20px;}
#order .full{padding:50px 0;}

footer p{
    margin:150px 0 0 0;
	text-align: center;
	font-size:11px;
}

footer p {
    text-align: center;
}

/*Tablet Media Query*/
@media(min-device-width:1024px) and (max-width:989px), 
screen and (max-device-width:480px), 
(max-device-width:480px) and (orientation:landscape), (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait)
	{
		.home.button a{margin: 600px 0 0;}
		.press .right, .press .left {width:98%;}
		.left{width:98%;}
		#order{background:none;}
		#order .container{padding: 100px 0 0 50px; width: 89%;}
		.right{width:97%;}
		#facts img{padding:60px 0 0;}
		#facts .lg{display:none;}
		#facts .sm{display:block;}
		#plainsman{width:50%; height:50%;}
	}

/*Mobile Media Query*/
@media all and (max-width:640px)
	{
		.home.button a{margin: 200px 0 0; font-size:20px; width:60%}
		.button a{width:60%}
		.module.parallax h1{font-size:50px; line-height:300px;}
		.module.parallax{height:300px; background:none; background-position:bottom left;}
		#order .container{padding: 50px 0 0 10px; width: 94%;}
		#contact{background-size:120%; background-position:center bottom;}
		#plainsman{width:50%; height:50%;}
	}