body {
	top: 0px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color:#000000;
	background-image: url("images/sparksbackground.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
	}
@font-face {
    font-family: "charcuterieblock";
    src:url("fonts/charcuterieblock.otf");
    }

p, ul {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: .5px;
	text-align: left;
	color: #ffffff;
	font-weight: 400;
	}
	@media all and (min-width:1024px) {
		p, ul {	font-size: 1.1em;
			line-height: 1.6em;
			text-align: justify;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		p, ul {	font-size: 1.1em;
			line-height: 1.6em;
			text-align: left;}
			}
	@media all and (max-width:600px) {
		p, ul {	font-size: 1em;
			line-height: 1.5em;
			text-align: left;}
			}
		li {margin-left: -20px;}

p.centertext {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: .5px;
	text-align: center;
	color: rgba(255,189,46,1.0);
	font-weight: 400;
	}
	@media all and (min-width:1024px) {
		p.centertext {	font-size: 1.1em;
			line-height: 1.6em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		p.centertext {	font-size: 1.1em;
			line-height: 1.6em;}
			}
	@media all and (max-width:600px) {
		p.centertext {	font-size: 1em;
			line-height: 1.5em;}
			}
p.stars {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	text-align: left;
	color: #ffffff;
	font-weight: 400;
	margin: 10px 0px 0px 0px;
	padding-bottom: 0px;
	}
	@media all and (min-width:1024px) {
		p.stars {	font-size: 1.3em;
			line-height: 1em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		p.stars {	font-size: 1.2em;
			line-height: 1em;}
			}
	@media all and (max-width:600px) {
		p.stars {	font-size: 1.2em;
			line-height: 1em;}
			}
p.reviewblurb {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: .5px;
	text-align: left;
	color: #ffffff;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	}
	@media all and (min-width:1024px) {
		p.reviewblurb {	font-size: 1.1em;
			line-height: 1.6em;
			text-align: left;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		p.reviewblurb {	font-size: 1.1em;
			line-height: 1.6em;
			text-align: left;}
			}
	@media all and (max-width:600px) {
		p.reviewblurb {	font-size: 1em;
			line-height: 1.5em;
			text-align: left;}
			}
p.kirkusreviewblurb {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: .5px;
	text-align: left;
	color: #ffffff;
	font-weight: 400;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	}
	@media all and (min-width:1024px) {
		p.kirkusreviewblurb {	font-size: 1.1em;
			line-height: 1.6em;
			text-align: left;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		p.kirkusreviewblurb {	font-size: 1.1em;
			line-height: 1.6em;
			text-align: left;}
			}
	@media all and (max-width:600px) {
		p.kirkusreviewblurb {	font-size: 1em;
			line-height: 1.5em;
			text-align: left;}
			}

p.reviewattribution {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: .5px;
	text-align: right;
	color: #ffffff;
	font-weight: 400;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 30px;
	padding-top: 0px;
	}
	@media all and (min-width:1024px) {
		p.reviewattribution {	font-size: 1.1em;
			line-height: 1em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		p.reviewattribution {	font-size: 1.1em;
			line-height: 1em;}
			}
	@media all and (max-width:600px) {
		p.reviewattribution {	font-size: 1em;
			line-height: 1em;}
			}
p.readerssayattribution {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: .5px;
	text-align: right;
	color: #ffffff;
	font-weight: 400;
	font-style: italic;
	margin: 0px 0px 10px 0px;
	top: 0px;
	}
	@media all and (min-width:1024px) {
		p.reviewattribution {	font-size: 1.1em;
			line-height: 1em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		p.reviewattribution {	font-size: 1.1em;
			line-height: 1em;}
			}
	@media all and (max-width:600px) {
		p.reviewattribution {	font-size: 1em;
			line-height: 1em;}
			}

p.advisory {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: .5px;
	text-align: center;
	color: #ffffff;
	font-weight: 400;
	padding: 0px;
	margin: 0px;
	}
	@media all and (min-width:1024px) {
		p.advisory {	font-size: 1.1em;
			line-height: 1.6em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		p.advisory {	font-size: 1.1em;
			line-height: 1.6em;}
			}
	@media all and (max-width:600px) {
		p.advisory {	font-size: 1em;
			line-height: 1.5em;}
			}

.bold {font-weight: 600;}

h1 {
	font-family: "charcuterieblock", serif;
	line-height: 1em;
	letter-spacing: 1.5px;
	margin: 0px;
	color: rgba(255,200,50,1.0);
	z-index: 6;
}
	@media all and (min-width:1401px) {
		h1 {
			font-size: 1.3em;
			padding: 33px 0px 0px 60px;}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
		h1 {
			font-size: 1.2em;
			padding: 30px 0px 0px 60px;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		h1 {
			font-size: 1.1em;
			padding: 25px 0px 0px 30px;}
			}
	@media all and (min-width:451px) and (max-width:600px) {
		h1 {
			font-size: 1.1em;
			padding: 25px 0px 0px 10px;}
			}
	@media all and (min-width:351px) and (max-width:450px) {
		h1 {
			font-size: .9em;
			padding: 25px 0px 0px 10px;}
			}
	@media all and (max-width:350px) {
		h1 {
			font-size: .8em;
			padding: 18px 0px 0px 10px;}
			}

h2 {
	font-family: "charcuterieblock", serif;
	line-height: 1em;
	margin: 0px 0px 0px 0px;
	letter-spacing: 2px;
	text-align: left;
	color: rgba(255,200,50,1.0);
	}
	@media all and (min-width:1401px) {
		h2 {font-size: 4em;
			padding: 0px 0px 1px 80px;}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
		h2 {
			font-size: 3.5em;
			padding: 0px 0px 0px 70px;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		h2 {
			font-size: 3em;
			padding: 0px 0px 0px 40px;}
			}
	@media all and (max-width:600px) {
		h2 {
			font-size: 2.5em;
			padding: 0px 0px 0px 20px;}
			}
a.homelink {
	font-family: "charcuterieblock", serif;
	text-decoration: none;
	color: rgba(255,200,50,1.0);
	}
	a.homelink:hover {color: rgba(255,200,50,1.0)}

h3 {
	font-family: "charcuterieblock", serif;
	line-height: 1em;
	margin: 20px 0px 0px 0px;
	letter-spacing: 1px;
	text-align: left;
	color: rgba(255,200,50,1.0);
	}
	@media all and (min-width:1401px) {
		h3 {font-size: 3.85em;}
			}
	@media all and (min-width:1401px) and (max-width:1600px) {
		h3 {
			font-size: 3.3em;}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
		h3 {
			font-size: 2.7em;}
			}
	@media all and (min-width:801px) and (max-width:1023px) {
		h3 {
			font-size: 2em;}
			}
	@media all and (min-width:601px) and (max-width:800px) {
		h3 {
			font-size: 1.7em;}
			}
	@media all and (max-width:600px) {
		h3 {
			font-size: 1.4em;}
			}


h4 {
	font-family: "charcuterieblock", serif;
	letter-spacing: .5px;
	margin: 25px 0px 0px 0px;
	text-align: left;
	line-height: 1em;
	color: rgba(255,200,50,1.0);
	}
	@media all and (min-width:1280px) {
		h4 {
			font-size: 2.5em;}
			}
	@media all and (min-width:1024px) and (max-width:1279px) {
		h4 {
			font-size: 2.3em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		h4 {
			font-size: 2.1em;}
			}
	@media all and (max-width:600px) {
		h4 {
			font-size: 1.7em;}
			}


h5 {
	font-family: "charcuterieblock", serif;
	line-height: 1.2em;
	margin: 24px 0px 0px 0px;
	letter-spacing: 1.2px;
	text-align: left;
	color: rgba(255,200,50,1.0);
	}
	@media all and (min-width:1024px) {
		h5 {font-size: 1.5em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		h5 {font-size: 1.3em;}
			}
	@media all and (max-width:600px) {
		h5 {font-size: 1.1em;}
			}
h6 {
	font-family: "charcuterieblock", serif;
	line-height: 1em;
	margin: 24px 0px 0px 0px;
	letter-spacing: 1.2px;
	text-align: center;
	color: rgba(255,200,50,1.0);
	}
	@media all and (min-width:1024px) {
		h6 {font-size: 1.5em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		h6 {font-size: 1.5em;}
			}
	@media all and (max-width:600px) {
		h6 {font-size: 1.4em;}
			}

.floatright {
	float: right;
	margin: 5px 0px 5px 12px;}
	@media all and (min-width:1024px) {
		.floatright {width: 42%;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		.floatright {width: 50%;}
			}
	@media all and (max-width:600px) {
		.floatright {width: 50%;}
			}

.floatbadge {
	float: left;
	margin: 8px 10px 15px 0px;}
	@media all and (min-width:1024px) {
		.floatbadge {width: 150px;}
			}
	@media all and (max-width:1023px) {
		.floatbadge {width: 100px;}
			}

#headercontainer {
	width: 100%;
	text-align: left;
	margin: auto;
	position: relative;
	z-index: 5;
	}


#topbar {
	width: 100%;
	margin: auto;
	position: relative;
	background-color: rgba(0,0,0,.6);
	z-index: 98;
	border-top: solid 1px rgba(255,200,50,.7);
	border-bottom: solid 1px rgba(255,200,50,.7);
	}
#navbar {
	text-align: right;
	margin: 0px 0px 0px 0px;
	z-index: 99;
	}
	@media all and (min-width:1401px) {
		#navbar {padding: 4px 60px 2px 0px;}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
		#navbar {padding: 3px 40px 2px 0px;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		#navbar {padding: 3px 10px 2px 0px;}
			}
	@media all and (max-width:600px) {
		#navbar {padding: 2px 5px 2px 0px;}
			}
a.navlink {
	font-family: "charcuterieblock", serif;
	line-height: 1.15em;
	letter-spacing: 1px;
	text-align: right;
	text-decoration: none;
	margin: 0px;
	color: rgba(255,200,50,1.0);
	z-index: 6;
	}
	a.navlink:hover {color: #ffffff;}
	@media all and (min-width:1401px) {
		a.navlink {
			font-size: 1.35em;
			margin: 0px 0px 0px 50px;}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
		a.navlink {
			font-size: 1.3em;
			margin: 0px 0px 0px 40px;}
			}
	@media all and (min-width:615px) and (max-width:1023px) {
		a.navlink {
			font-size: 1.1em;
			margin: 0px 0px 0px 20px;}
			}
	@media all and (max-width:614px) {
		a.navlink {
			font-size: 1em;
			margin: 0px 0px 0px 7px;}
			}
	a.navlink:hover {color: #ffffff;}

a.textlink {
	font-family: 'Montserrat', sans-serif;
	color: #ffffff;
	}
	a.textlink:hover {color: rgba(255,200,50,1.0);}
a.textemaillink {
	font-family: 'Montserrat', sans-serif;
	color: rgba(255,200,50,1.0);
	}
	a.textemaillink:hover {color: #ffffff;}

a.mediakit {
	font-family: "charcuterieblock", serif;
	line-height: 1.2em;
	margin: 24px 0px 0px 0px;
	letter-spacing: 1.2px;
	text-align: center;
	text-decoration: none;
	color: rgba(255,200,50,1.0);
	padding: 5px 15px;
	border: 1px solid rgba(255,200,50,1.0);
	}
	@media all and (min-width:1024px) {
		a.mediakit {font-size: 1.5em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		a.mediakit {font-size: 1.3em;}
			}
	@media all and (max-width:600px) {
		a.mediakit {font-size: 1.1em;}
			}
	a.mediakit:hover {color: #ffffff;}


.excerptheader, .buylink {
	font-family: "charcuterieblock", serif;
	text-decoration: none;
	line-height: 1.3em;
	margin: 60px 0px 0px 0px;
	padding: 3px 0px;
	letter-spacing: 1.2px;
	text-align: center;
	color: rgba(255,200,50,1.0);
	border-top: solid 1px rgba(255,200,50,.7);
	border-bottom: solid 1px rgba(255,200,50,.7);
	}
	@media all and (min-width:1024px) {
		.excerptheader, .buylink {
			font-size: 2em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		.excerptheader, .buylink {
			font-size: 1.75em;}
			}
	@media all and (max-width:600px) {
		.excerptheader, .buylink {
			font-size: 1.5em;}
			}
	a.buylink:hover {
		color: #ffffff;
		border-top: solid 1px rgba(255,255,255,.7);
		border-bottom: solid 1px rgba(255,255,255,.7);
}

.container {
	margin: auto;
	position: relative;
	z-index: 6;
	}
	@media all and (min-width:1367px) {
		.container {
			width: 70%;}
			}
	@media all and (min-width:1024px) and (max-width:1366px) {
		.container {
			width: 90%;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		.container {
			width: 90%;}
			}
	@media all and (max-width:600px) {
		.container {
			width: 96%;}
			}


.box {
	margin: auto;
	position: relative;
	z-index: 6;
	}
	@media all and (min-width:1367px) {
		.box {margin: 30px 0px 0px 0px}
			}
	@media all and (min-width:1024px) and (max-width:1366px) {
		.box {margin: 30px 0px 0px 0px}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		.box {margin: 25px 0px 0px 0px}
			}
	@media all and (max-width:600px) {
		.box {margin: 20px 0px 0px 0px}
			}


#bookintro {
	margin: auto;
	display: flex;
	justify-content:space-between;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap:nowrap;
	padding-top: 17px;
	margin-bottom: 20px;}
		#cover {
			order: 1;
			flex: 1 1 1;
			text-align: left;
			text-size: 0px;
			font-size: 0px;
			}
		#blurb {
			order: 2;
			align-self: left;
			flex: 2 2 2;
			background-color: rgba(0,0,0,.6);
			}
	@media all and (min-width:1280px) {
		#cover {
			margin-top: 12px;
			width: 42%;}
		#blurb {
			width: 100%;}
		}
	@media all and (min-width:1024px) and (max-width:1279px) {
		#cover {
			margin-top: 12px;
			width: 44.5%;}
		#blurb {
			width: 100%;}
		}
	@media all and (min-width:601px) and (max-width:1023px) {
		#cover {
			margin-top: 15px;
			width: 48%;}
		#blurb {
			width: 100%;}
			}
	@media all and (max-width:600px)  {
		#bookintro {
			margin: auto;
			display:inherit;
			padding-top: 5px;}
			#cover {
				margin-top: 12px;
				width: 96%;}
			#blurb {
				width: 96%;}
				}


.textcontainer {
	width: 100%;
	position: relative;
	align-self: left;
	background-color: rgba(0,0,0,.6);
	}
.textbordercontainer {
	position: relative;
	align-self: center;
	background-color: rgba(0,0,0,.6);
	padding: 7px;
 	border: solid 1px rgba(200,150,30,1);
}
	@media all and (min-width:1024px) {
		.textbordercontainer {
			margin: 0px 0px 40px 0px}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		.textbordercontainer {
			margin: 0px 0px 35px 0px}
			}
	@media all and (min-width:301px) and (max-width:600px) {
		.textbordercontainer {
			margin: 0px 0px 25px 0px}
			}
	@media all and (max-width:300px) {
		.textbordercontainer {
			margin: 0px 0px 25px 0px}
			}

#award {
	position: relative;
	align-self: left;
	background:url("images/goldmedalbg.jpg");
	background-position: bottom center;
	padding: 0px 0px 0px 5px;
 	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	padding-bottom: 0px;
	flex-wrap: wrap;
 	border: solid 1px rgba(200,150,30,1);
	}
    .award-childcover {
        order: 1;
        line-height: 0px;
        text-align: left;
		}
    .award-childtext {
        order: 2;
        line-height: 0px;
        text-align: center;
		}
	.awardbreak {}
	@media all and (min-width:1024px) {
		#award {
			width: 100%;
			margin: 25px 0px 35px 0px}
			.award-childcover {
				max-width: 130px;
 				flex: 1 1 130px;
				padding: 3px 10px 3px 3px;
				}
			.award-childmedal {
				max-width: 170px;
 				flex: 1 1 170px;
				padding: 3px 10px 3px 3px;
		        order: 3;
				line-height: 0px;
				text-align: right;
				}
			.award-childtext {
					flex: 1 1;
				}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		#award {
			width: 100%;
			margin: 30px 0px 30px 0px}
			.award-childcover {
				max-width: 100px;
 				flex: 1 1 130px;
				padding: 3px 10px 3px 3px;
				}
			.award-childmedal {
				max-width: 130px;
 				flex: 1 1 130px;
				padding: 3px 8px 3px 3px;
		        order: 3;
				line-height: 0px;
				text-align: right;
				}
			.award-childtext {
					flex: 1 1;
				}
			}
	@media all and (min-width:401px) and (max-width:600px) {
		#award {
			width: 97%;
			margin: 25px 0px 25px 0px}
			.award-childcover {
				display: none;
				}
			.award-childmedal {
				max-width: 110px;
 				flex: 1 1 110px;
				padding: 3px 7px 3px 3px;
		        order: 1;
				line-height: 0px;
				text-align: left;
				}
			.award-childtext {
					flex: 1 1;
				}
			.awardbreak {display: none}
			}
	@media all and (max-width:400px) {
		#award {
			width: 95%;
			margin: 25px 0px 25px 0px}
			.award-childcover {
				display: none;
				}
			.award-childmedal {
				max-width: 90px;
 				flex: 1 1 90px;
				padding: 3px 5px 3px 3px;
		        order: 1;
				line-height: 0px;
				text-align: left;
				}
			.award-childtext {
					flex: 1 1;
				}
			.awardbreak {display: none}
			}

h4.awardtext {
	font-family: "charcuterieblock", serif;
	text-align: center;
	line-height: 1.2em;
	color: rgba(255,200,50,1.0);
	text-shadow: 4px 4px 4px #000000;
	text-shadow: -3px -3px 4px #000000;
	}
	@media all and (min-width:1280px) {
		h4.awardtext {
			letter-spacing: 1.5px;
			margin: 20px 0px 20px 0px;
			font-size: 3em;}
			}
	@media all and (min-width:1024px) and (max-width:1279px) {
		h4.awardtext {
			letter-spacing: 1px;
			margin: 25px 0px 25px 0px;
			font-size: 2.4em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		h4.awardtext {
			letter-spacing: .7px;
			margin: 8px 0px 8px 0px;
			font-size: 1.7em;}
			}
	@media all and (max-width:600px) {
		h4.awardtext {
			letter-spacing: .5px;
			margin: 5px 0px 5px 0px;
			font-size: 1.3em;}
			}


.booktitle {
	font-weight: 600;
	font-style: italic;
	}

.banner {
	width: 100%;
	position: relative;
	line-height: 0;
	z-index: 6;
	margin: 35px 0px;
	}
	@media all and (min-width:1401px) {
		.banner {
			border-top: solid 5px rgba(200,150,30,0.45);
			border-bottom: solid 5px rgba(200,150,30,0.45);}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
		.banner {
			border-top: solid 4px rgba(200,150,30,0.45);
			border-bottom: solid 4px rgba(200,150,30,0.45);}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		.banner {
			border-top: solid 4px rgba(200,150,30,0.45);
			border-bottom: solid 4px rgba(200,150,30,0.45);}
			}
	@media all and (max-width:600px) {
		.banner {
			border-top: solid 3px rgba(200,150,30,0.45);
			border-bottom: solid 3px rgba(200,150,30,0.45);}
			}


.readerssay-parent {
	width: 100%;
	margin: auto;
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	padding-bottom: 0px;
	margin-bottom: 25px;
	flex-wrap: wrap;
	}
    .readerssay-child {
        order: 1;
        line-height: 0px;
		text-align: left;
		border: 1px solid rgba(255,200,50,.7);
		}
	@media all and (min-width:1920px) {
			.readerssay-parent {
				justify-content: center;}
			.readerssay-child {
				max-width: 390px;
 				flex: 1 1 390px;
				margin: 15px 15px;
				padding: 0px 10px;}
			}
	@media all and (min-width:1600px) and (max-width:1919px) {
			.readerssay-parent {
				justify-content: center;}
			.readerssay-child {
				max-width: 44%x;
 				flex: 1 1 44%;
				margin: 15px 15px;
				padding: 1px 5px;}
		}
	@media all and (min-width:1400px) and (max-width:1599px) {
			.readerssay-parent {
				justify-content: center;}
			.readerssay-child {
				max-width: 44%;
 				flex: 1 1 44%;
				margin: 15px 15px;
				padding: 1px 5px;}
		}
	@media all and (min-width:1240px) and (max-width:1399px) {
			.readerssay-parent {
				justify-content: center;}
			.readerssay-child {
				max-width: 44%;
 				flex: 1 1 44%;
				margin: 15px 15px;
				padding: 1px 5px;}
		}
	@media all and (min-width:1024px) and (max-width:1239px) {
			.readerssay-parent {
				justify-content: center;}
			.readerssay-child {
				max-width: 44%;
 				flex: 1 1 44%;
				margin: 15px 15px;
				padding: 1px 5px;}
		}
	@media all and (min-width:601px) and (max-width:1023px) {
			.readerssay-parent {
				justify-content: center;}
			.readerssay-child {
				max-width: 44%;
 				flex: 1 1 44%;
				margin: 10px 10px;
				padding: 1px 5px;}
			}
	@media all and (max-width:600px) {
			.readerssay-parent {
				justify-content: center;}
			.readerssay-child {
				max-width: 400px;
 				flex: 1 1 400px;
				margin: 7px 7px;
				padding: 1px 3px;}
			}


.sellers-parent {
	margin: auto;
	display: flex;
	align-items: center;
	flex-direction: row;
	padding-bottom: 0px;
	flex-wrap: wrap;
	}
    .sellers-child {
        order: 1;
        line-height: 0px;
        text-align: left;
		border: 1px solid rgba(255,200,50,.7);
		background-color: rgba(0,0,0,.6);
		}
	@media all and (min-width:1401px) {
			.sellers-parent {
				justify-content: center;}
			.sellers-child {
				max-width: 190px;
 				flex: 1 1 190px;
				margin: 15px 15px;
				padding: 2px 5px;}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
			.sellers-parent {
				justify-content: center;}
			.sellers-child {
				max-width: 170px;
 				flex: 1 1 170px;
				margin: 15px 15px;
				padding: 1px 5px;}
		}
	@media all and (min-width:601px) and (max-width:1023px) {
			.sellers-parent {
				justify-content: center;}
			.sellers-child {
				max-width: 150px;
 				flex: 1 1 150px;
				margin: 10px 10px;
				padding: 1px 5px;}
			}
	@media all and (max-width:600px) {
			.sellers-parent {
				justify-content: center;}
			.sellers-child {
				max-width: 125px;
 				flex: 1 1 125px;
				margin: 7px 7px;
				padding: 1px 3px;}
			}

.peoplebanner {
	width: 100%;
	position: relative;
	z-index: 9;
	line-height: 0px;
	border-top: solid 5px rgba(200,150,30,0.45);
	border-bottom: solid 5px rgba(200,150,30,0.45);
	margin: 0px 0px 30px 0px;
	}
.bannertext {
	right: 0%;
	position: absolute;
	z-index: 10;
	font-family: "charcuterieblock", serif;
	letter-spacing: 2px;
	color: rgba(255,200,50,1.0);
	background-image: url("images/sparksbackground.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size:auto;
	background-attachment: fixed;
	}
.bannername {
	left: 0%;
	position: absolute;
	z-index: 10;
	font-family: "charcuterieblock", serif;
	letter-spacing: 2px;
	color: rgba(255,200,50,1.0);
	background-image: url("images/sparksbackground.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size:auto;
	background-attachment: fixed;
	}
	@media all and (min-width:1920px) {
		.bannertext {
			line-height: 1.5em;
			text-align: left;
			top: 41%;
			left: 50%;
			font-size: 3.0em;
			padding: 7px 10px 7px 25px;}
		.mobbannertext {
			display: none;}
		.bannername {
			line-height: 1.1em;
			text-align: right;
			bottom: 3%;
			right: 82%;
			font-size: 1.6em;
			padding: 7px 10px 7px 25px;}
			}
	@media all and (min-width:1401px) and (max-width:1919px) {
		.bannertext {
			line-height: 1.4em;
			text-align: left;
			top: 38%;
			left: 50%;
			font-size: 3.0em;
			padding: 7px 10px 7px 25px;}
		.mobbannertext {
			display: none;}
		.bannername {
			line-height: 1.1em;
			text-align: right;
			bottom: 3%;
			right: 78%;
			font-size: 1.5em;
			padding: 7px 10px 7px 25px;}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
		.bannertext {
			line-height: 1.3em;
			text-align: left;
			top: 37%;
			left: 50%;
			font-size: 2.5em;
			padding: 6px 10px 6px 20px;}
		.mobbannertext {
			display: none;}
		.bannername {
			line-height: 1.1em;
			text-align: right;
			bottom: 3%;
			right: 70%;
			font-size: 1.4em;
			padding: 7px 10px 7px 25px;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		.bannertext {
			line-height: 1.2em;
			text-align: left;
			top: 34%;
			left: 45%;
			font-size: 2.1em;
			padding: 5px 5px 5px 20px;}
		.mobbannertext {
			display: inherit;}
		.bannername {
			line-height: 1.1em;
			text-align: right;
			bottom: 3%;
			right: 58%;
			font-size: 1.3em;
			padding: 7px 10px 7px 25px;}
			}
	@media all and (min-width:429px) and (max-width:601px) {
		.bannertext {
			line-height: 1.15em;
			text-align: left;
			top: 34%;
			left: 40%;
			font-size: 1.6em;
			padding: 5px 5px 5px 5px;}
		.mobbannertext {
			display:inherit;}
		.bannername {
			line-height: 1.1em;
			text-align: right;
			bottom: 3%;
			right: 45%;
			font-size: 1.1em;
			padding: 7px 10px 7px 25px;}
			}
	@media all and (max-width:428px) {
		.bannertext {
			line-height: 1.1em;
			text-align: left;
			top: 32%;
			left: 35%;
			font-size: 1.1em;
			padding: 5px 5px 5px 5px;}
		.mobbannertext {
			display:inherit;}
		.bannername {
			line-height: 1.3em;
			text-align: right;
			bottom: 3%;
			right: 30%;
			font-size: 1em;
			padding: 7px 10px 7px 25px;}
			}

.excerptcontainer {
	padding: 0px 6px;
	background-color: rgba(0,0,0,.75);
	margin: 0px auto 30px auto;
	position: relative;
	z-index: 6;
	}
	@media all and (min-width:1367px) {
		.excerptcontainer {width: 70%;}
			}
	@media all and (min-width:1024px) and (max-width:1366px) {
		.excerptcontainer {width: 80%;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		.excerptcontainer {width: 90%;}
			}
	@media all and (max-width:600px) {
		.excerptcontainer {width: 96%;}
			}

.indent {}
	@media all and (min-width:601px) {
		.indent {text-indent: 30px;}
			}
	@media all and (max-width:600px) {
		.indent {text-indent: 20px;}
			}

.characters-parent {
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	padding-bottom: 0px;
	flex-wrap: wrap;
	}
	.characters-containerchild {
		order: 1;
		flex: 1 1 300px;
		max-width: 500px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		border: solid 1px rgba(200,150,30,0.4);
		padding: 6px 5px;
		background-color: rgba(0,0,0,0.6);
		}
		.characters-imagechild {
			order: 1;
			flex: 1 1 100px;
			line-height: 0px;
			text-align: left;
			}
		.characters-textchild {
			order: 2;
			align-self: center;
			flex: 2 2 200px;
			font-family: "charcuterieblock", serif;
			line-height: 1.1em;
			letter-spacing: .8px;
			font-weight: 400;
			color: rgba(225,190,65,1.0);
			text-align: left;
			margin: 0px 0px 10px 8px;
			}
	@media all and (min-width:1401px) {
			.characters-containerchild {
				margin: 2px;}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
			.characters-containerchild {
				margin: 4px 0px;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
			.characters-containerchild {
				margin: 3px 0px;}
			}
	@media all and (max-width:600px) {
			.characters-containerchild {
				margin: 3px 0px;}
			}
.character-name {
	font-size: 1.1em;
	}
.character-description {
	font-family: 'Montserrat', sans-serif;
	color: #ffffff;
	}
	@media all and (min-width:601px) {
		.character-description {font-size: 1em;}
			}
	@media all and (max-width:600px) {
		.character-description {font-size: 1.1em;}
			}


#alamosidebyside {
	margin: auto;
	display: flex;
	justify-content:space-between;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
	margin-bottom: 20px;
	}
    .alamochild {
        order: 1;
        flex: 1 1 1;
        align-self: center;
        line-height: 0px;
        padding: 0px 5px;
		}

	@media all and (min-width:1024px) {
		.alamochild {width: 48%;}
		}
	@media all and (min-width:601px) and (max-width:1023px) {
		.alamochild {width: 48%;}
			}
	@media all and (max-width:600px)  {
		.alamochild {width: 98%;}
			}

.cutline {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: .7px;
	text-align: left;
	color: #ffffff;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.7em;}
		
		
a.contact {
	margin: 0px;
	text-align: center;
	text-decoration: none;
	color: rgba(255,200,50,1.0);}
a.contact:hover {color: #ffffff;}


#copyright {
	width: 100%;
	position: relative;
	background-color: rgba(0,0,0,.6);
	margin: 25px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1em;
	font-size: .8em;
	letter-spacing: 1.15px;
	text-align: center;
	color: rgba(255,200,50,1.0);
	border-top: solid 5px rgba(200,150,30,0.4);
	}
	@media all and (min-width:1401px) {
		#copyright {padding: 15px 0px 15px 0px;}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
		#copyright {padding: 15px 0px 15px 0px;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		#copyright {padding: 10px 0px 10px 0px;}
			}
	@media all and (max-width:600px) {
		#copyright {padding: 10px 0px 10px 0px;}
			}
.socialmedia-parent {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0px auto 10px auto;
	}
    .socialmedia-child {
        order: 1;
        line-height: 0px;
        text-align: left;
		}
	@media all and (min-width:1401px) {
			.socialmedia-parent {
				width: 200px;
				justify-content: space-between;
				}
			.socialmedia-child {
				max-width: 25px;
 				flex: 1 1 25px;
				margin: 5px 5px;
				}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
			.socialmedia-parent {
				width: 200px;
				justify-content: space-between;}
			.socialmedia-child {
				max-width: 25px;
 				flex: 1 1 25px;
				margin: 5px 5px;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
			.socialmedia-parent {
				width: 200px;
				justify-content: space-between;}
			.socialmedia-child {
				max-width: 23px;
 				flex: 1 1 23px;
				margin: 5px 5px;}
			}
	@media all and (max-width:600px) {
			.socialmedia-parent {
				width: 96%;
				justify-content: center;}
			.socialmedia-child {
				max-width: 20px;
 				flex: 1 1 20px;
				margin: 8px 8px;}
			}


.characters-parent {
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items:stretch;
	flex-direction: row;
	padding-bottom: 0px;
	flex-wrap: wrap;}
	.characters-containerchild {
		order: 1;
		flex: 1 1 400px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		border: solid 1px rgba(255,200,50,.7);
		padding: 5px 4px;
		background-color: rgba(0,0,0,0.6);}
		.characters-imagechild {
			order: 1;
			flex: 1 1 110px;
			line-height: 0px;
			text-align: left;}
		.characters-textchild {
			order: 2;
			align-self:flex-start;
			flex: 2 2 200px;
			text-align: left;
			margin: 0px 0px 10px 8px;}
	@media all and (min-width:1401px) {
			.characters-containerchild {margin: 10px;}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
			.characters-containerchild {margin: 10px;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
			.characters-containerchild {margin: 8px;}
			}
	@media all and (max-width:600px) {
			.characters-containerchild {margin: 5px;}
			}
	.character-name {
		font-family: "charcuterieblock", serif;
		color: rgba(255,200,50,1.0);
		letter-spacing: .7px;
		}
	.character-description {
		font-family: 'Montserrat', sans-serif;
		color: #ffffff;
		letter-spacing: .7px;
		text-align: left;
		font-weight: 400;
		}
		@media all and (min-width:1024px) {
			.character-name {
				font-size: 1.5em;
				line-height: 1.1em;}
			.character-description {
				font-size: 1.15em;
				line-height: 1.4em;}
				}
		@media all and (min-width:601px) and (max-width:1023px) {
			.character-name {
				font-size: 1.4em;
				line-height: 1.1em;}
			.character-description {
				font-size: 1.1em;
				line-height: 1.3em;}
				}
		@media all and (max-width:600px) {
			.character-name {
				font-size: 1.35em;
				line-height: 1.1em;}
			.character-description {
				font-size: 1em;
				line-height: 1.2em;}
				}


.tempcontainer {
	width: 100%;
	position: relative;
	align-self: center;
	text-align: center;
	font-family: "charcuterieblock", serif;
	letter-spacing: .5px;
	margin: 25px 0px 0px 0px;
	line-height: 1.3em;
	color: rgba(255,200,50,1.0);
	}
	@media all and (min-width:1024px) {
		.tempcontainer {
			font-size: 2.2em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		.tempcontainer {
			font-size: 1.6em;}
			}
	@media all and (max-width:600px) {
		.tempcontainer {
			font-size: 1.2em;}
			}
.temptitle {
	width: 100%;
	position: relative;
	align-self: center;
	text-align: center;
	font-family: "charcuterieblock", serif;
	letter-spacing: 1px;
	margin: 0px 0px 0px 0px;
	line-height: 1.5em;
	color: rgba(255,200,50,1.0);
	}
	@media all and (min-width:1024px) {
		.temptitle {
			font-size: 2.6em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
		.temptitle {
			font-size: 2.2em;}
			}
	@media all and (max-width:600px) {
		.temptitle {
			font-size: 1.8em;}
			}

#floatcover {
	float: left;
	margin: 5px 20px 5px 0px;}
	@media all and (min-width:1280px) {
		#floatcover {
			margin-top: 12px;
			width: 42%;}
		}
	@media all and (min-width:1024px) and (max-width:1279px) {
		#floatcover {
			margin-top: 12px;
			width: 47%;}
		}
	@media all and (min-width:601px) and (max-width:1023px) {
		#floatcover {
			margin-top: 15px;
			width: 48%;}
			}
	@media all and (max-width:600px)  {
			#floatcover {
				margin-top: 12px;
				width: 96%;}
}


.videoparent {
	margin: auto;
	display: flex;
	justify-content:center;
	align-items:stretch;
	flex-direction: row;
	padding-bottom: 0px;
	flex-wrap: wrap;}
	.videochild {
		order: 1;
		flex: 1 1 300px;
		max-width: 300px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		border: solid 1px rgba(255,200,50,.7);
		padding: 5px 4px;
	}
	@media all and (min-width:1401px) {
			.videochild {
				margin: 10px;
				font-size: 2.2em;}
			}
	@media all and (min-width:1024px) and (max-width:1400px) {
			.videochild {
				margin: 10px;
				font-size: 1.9em;}
			}
	@media all and (min-width:601px) and (max-width:1023px) {
			.videochild {
				margin: 8px;
				font-size: 1.6em;}
			}
	@media all and (max-width:600px) {
			.videochild {
				argin: 5px;
				font-size: 1.2em;}
			}