.h1, .h2 {
	color: #fff;
}


section.hero {}
	section.hero h1 {
		font-size: 30px;
		line-height: 34px;
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		margin: 60px 0;
	}
	section.hero .homeLogoContainer {
		position: relative;
		display: block;
		text-align: center;
	}
		section.hero #wobbler {
			position: absolute;
			left: 50%;
			top: 50%;
			width: 300px;
			-webkit-transform: translateX(-50%) translateY(-50%);
			-ms-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
			z-index: 2;
		}
		section.hero .homeLogoContainer .circle {
			position: relative;
			width: 150px;
		}
		section.hero #bibleCircle {
			margin-right: 50px;
		}
		section.hero #wimAll {
			position: relative;
			width: 300px;
			z-index: 10;
		}
		section.hero #noteCircle {
			margin-left: 50px;
		}
	section.hero #readout {
		position: relative;
		display: block;
		height: 160px;
		text-align: center;
		margin: 60px auto 0;
		z-index: 30;
	}
		section.hero h2#tagline {
			position: absolute;
			top: 0;
			font-weight: 900;
			font-size: 50px;
			line-height: 54px;
			color: #fff;
			text-align: center;
			margin: 0;
			z-index: 20;
			width: 100%;
		}
		section.hero #lyricsContainer {
			position: absolute;
			top: 0;
			width: 100%;
			font-family: "neuzeit-grotesk",sans-serif;
			font-weight: 400;
			font-size: 30px;
			line-height: 40px;
			color: #fff;
			text-align: center;
			z-index: 30;
		}
		#playBtn {
			position: relative;
			display: block;
			height: 41px;
			width: 150px;
			background: url(../../img/svg/playDemo.svg) no-repeat center top;
			background-size: cover;
			border: 0;
			margin: 20px auto 0;
			z-index: 30;
		}
			#playBtn:hover {
				background-position: center bottom;
			}
	#meterContainer {
		position: relative;
		display: block;
		top: 100px;
		height: 100px;
		width: 50%;
		margin: 0 auto;
		z-index: 50;
	}
		#meterContainer .meter {
			position: relative;
			display: inline-block;
			width: 5%;
			height: 100px;
			margin: 0;
			padding: 0;
		}
			#meterContainer .cropper {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				background: url(../../img/svg/meter.svg) no-repeat center bottom;
				background-size: 100% 80px;
				height: 0;
			}

section.explanation {
	background: #fff;
}
	section.explanation .logo {
		position: relative;
		display: block;
		width: 130px;
		margin: 40px auto 20px;
	}
	section.explanation p {
		font-size: 27px;
		line-height: 38px;
		margin-bottom: 50px;
		text-align: center;
	}
	section.explanation .chevron {
		position: relative;
		display: block;
		width: 100%;
		height: 200px;
		top: 0;
		z-index: 1;
	}

.starfleet {
	position: relative;
	display: block;
	width: 100%;
	height: 150px;
}
section.doctrines {
	padding-bottom: 140px;
}
	section.doctrines .wordCloud {
		margin-bottom: 200px;
	}
	section.doctrines p {
		color: #fff;
	}
	section.doctrines .spacer {
		position: relative;
		display: block;
		margin-bottom: 200px;
	}
	section.doctrines .icon {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 160px;
	}
		section.doctrines .iconSettings {
			width: 260px;
			margin-bottom: 10px;
		}
	section.doctrines ul {
		padding: 10px 0 0 20px;
		list-style: none;
	}
	section.doctrines li {
		color: #fff;
		font-size: 23px;
		line-height: 40px;
		text-align: center;
	}

section.threevolumes {
	background: #fff;
}
	section.threevolumes .orderNow {
		text-align: center;
	}
	section.threevolumes .orderNow .btn {
		width: 200px;
		margin-bottom: 60px;
	}
		section.threevolumes .orderNow .btn:link,
		section.threevolumes .orderNow .btn:visited {
			color: #fff;
		}
		section.threevolumes .orderNow .btn .fa-cart-shopping {
			margin-right: 9px;
		}
	section.threevolumes .logo {
		position: relative;
		display: block;
		width: 200px;
		margin: -150px auto 30px;
	}
	section.threevolumes .smallLogo {
		position: relative;
		display: block;
		width: 130px;
		margin: 0 auto;
	}
	section.threevolumes .h1 {
		color: #d10031;
	}
	section.threevolumes .h2 {
		color: #000;
	}
	section.threevolumes p {
		font-size: 21px;
		line-height: 38px;
		margin-bottom: 30px;
	}
	section.threevolumes ul {
		padding-top: 10px;
		border-top: 1px solid #000;
		list-style-position: outside;
	}
		section.threevolumes .vol1 ul {
			list-style-image: url(../../img/svg/bulletRed.svg);
		}
		section.threevolumes .vol2 ul {
			list-style-image: url(../../img/svg/bulletPurple.svg);
		}
		section.threevolumes .vol3 ul {
			list-style-image: url(../../img/svg/bulletBlue.svg);
		}
	section.threevolumes ul ul {
		padding: 0 0 0 20px;
		border: none;
	}

.app {
	padding-bottom: 100px;
}
	.app .starfleet {
		margin-bottom: 60px;
	}
	.app .store {
		position: relative;
		display: inline-block;
		width: 46%;
		margin-right: 2%;
	}
	.app h3 {
		color: #fff;
		font-size: 27px;
	}
	.app ul{
		padding: 0 0 30px 20px;
	}
	.app li {
		color: #fff;
		font-size: 23px;
		line-height: 40px;
		list-style: disc;
		list-style-position: outside;
	}
	.app p {
		color: #fff;
		line-height: 20px;
	}
	.app .tryit {
		max-width: 50%;
		margin-bottom: 50px;
	}

.mp3s {
	margin: 75px 0 150px;
}

#footerNav ul {
	background: none;
	margin-top: 85px;
	margin-bottom: 0;
	border: 1px solid #fff;
}
	#footerNav li {
		border: none;
	}
	#footerNav a {
		color: #fff;
	}





/*	md Layout	*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.starfleet {
		height: 120px;
	}
	.app li {
		font-size: 18px;
		line-height: 30px;
	}
	
}
/* */


/*	sm Layout	*/
@media only screen and (min-width: 768px) and (max-width: 991px) {

	section.hero #bibleCircle {
		margin-right: 30px;
	}
	section.hero #noteCircle {
		margin-left: 30px;
	}
	.starfleet {
		height: 90px;
	}
		section.threevolumes .logo {
			margin-top: -130px;
		}
	.app li {
		font-size: 18px;
		line-height: 30px;
	}

}
/* */


/*	xs Layout	*/
@media only screen and (max-width: 767px) {

	section.hero .homeLogoContainer .circle {
		display: none;
	}
	section.hero h2#tagline {
		font-size: 40px;
		line-height: 40px;
	}
	section.explanation p {
		padding: 0 20px;
		font-size: 18px;
		line-height: 28px;
	}
	section.doctrines .wordCloud {
		/* margin-left: -100px;
		margin-right: -100px; */
	}
	.starfleet {
		height: 70px;
	}
		section.threevolumes .logo {
			margin-top: -130px;
		}
	.blueGradient > .starfleet {
		margin: 60px 0;
	}
	.app {
		padding-bottom: 40px;
	}
	.app li {
		font-size: 18px;
		line-height: 30px;
	}
	.app .tryit {
		display: none;
	}
	
	
}
/* */