/* [ON BIG SCREEN] */
/* Wrapper */
#page-nav {
	display: table;
	margin: auto;
	background-color: #000;
	position: sticky;
	top: 0;
}

	/* Hide Hamburger */
	#page-nav label, #hamburger {
		display: none;
	}

	/* Menu Items */
	#page-nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		#page-nav ul li {
			display: inline-block;
			padding: 10px;
			box-sizing: border-box;
		}

			#page-nav ul li a {
				color: #fff;
				display: block;
				color: white;
				text-align: center;
				padding: 14px 16px;
				text-decoration: none;
				font-size: 17px;
				border: 2px #80ccb2 solid;
			}

				#page-nav ul li a:hover {
					background-color: #80ccb2;
					font-style: italic;
				}

				#page-nav ul li a:active {
					font-weight: bold;
				}

a.order {
	background-color: red;
}
body {
	color: white;
	background-color: #000000;
	font-size: 12pt;
	font-family: Arial;
}

.title {
	font-family: 'Times New Roman';
	font-size: 50pt;
	color: #d09a00;
}

.subtitle {
	font-family: 'Arial';
	font-size: 20pt;
	color: white;
}

.reviewsSubtitle {
	font-family: 'Times New Roman';
	font-size: 20pt;
	color: #d09a00;
}

.subtitleHome {
	font-family: 'Times New Roman';
	font-size: 26pt;
	color: white;
	letter-spacing: 1.5px;
}

.subtitleHome2 {
    font-family: 'Times New Roman';
    font-size: 28pt;
    font-style: italic;
    color: #d09a00;
}

.subtitleHomeSmall {
    font-family: 'Times New Roman';
    font-size: 12pt;
    font-style: italic;
    color: white;
}

.booktitle {
	font-size: 16pt;
	font-weight: bold;
	color: white;
}

.soldOutText {
	font-size: 14pt;
	font-weight: bold;
	color: white;
}

.colorGray {
	color: #b4b4b4;
}

.sampleImage {
	width: 1008px;
	border: 1px solid white;
	/*	height: 437px;*/
}

.endorsementText,
.endorsementTextHome {
	font-size: 14pt;
	font-weight: bold;
	font-style: italic;
}

.endorsementText {
	color: white;
}

.endorsementTextHome {
	color: #FCCB87;
}

.endorsementSource,
.endorsementSourceHome {
	font-size: 11pt;
}

.endorsementSource {
	color: white;
}

.endorsementSourceHome {
	color: #FCCB87;
}

.imgThumbnail {
	width: 75px;
	vertical-align: top;
}

.imgSkype {
	width: 50px;
	vertical-align: bottom;
}

a {
	color: #d09a00;
}

a.menu {
	width: 100px;
	display: block; /* change to inline for horizontal menu */
	margin-left: 10px; /*indents left margin; change for horiz. menu */
	margin-top: 0px; /* change to 1 or 2px for top space between
buttons*/
	padding: 5px;
	/* padding numbers = top : right : bottom :
left ; */
	text-decoration: none;
	font-family: arial;
	font-weight: bold;
	text-align: center;
	background-color: black;
	color: white;
	/*font-size: 9pt;*/
	border: 2px #d09a00 solid;
	float: left;
}

a.menu:hover {
	background-color: #d09a00;
	color: white;
	font-style: italic;
	float: left;
}

a.menuBuyNow {
	width: 100px;
	display: block; /* change to inline for horizontal menu */
	margin-left: 10px; /*indents left margin; change for horiz. menu */
	margin-top: 0px; /* change to 1 or 2px for top space between
buttons*/
	padding: 5px;
	/* padding numbers = top : right : bottom :
left ; */
	text-decoration: none;
	font-family: arial;
	font-weight: bold;
	text-align: center;
	background-color: red;
	color: white;
	/*font-size: 10pt;*/
	border: 2px red solid;
	float: left;
}

a.menuBuyNow:hover {
	background-color: white;
	color: red;
	border: 2px white solid;
	font-style: italic;
	float: left;
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 600px) {
	img,
	.sampleImage {
		width: 100%;
		height: auto;
	}

	.imgSkype {
		width: 15%;
		vertical-align: bottom;
	}

	#page-nav {
		width: 100%;
	}

		/* Show Hamburger */
		#page-nav label {
			display: inline-block;
			color: #fff;
			background: #a02620;
			font-style: normal;
			font-size: 1.2em;
			padding: 10px;
		}

		/* Break down menu items into vertical */
		#page-nav ul li {
			display: block;
		}

		#page-nav ul li {
			border-top: 1px solid #333;
		}

		/* Toggle show/hide menu on checkbox click */
		#page-nav ul {
			display: none;
		}

		#page-nav input:checked ~ ul {
			display: block;
		}
}