/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/*
Theme Name: 3:15 Version 3.0
Theme URI: http://www.315stories.com
Description: The 3rd version of the Three Fifteen site. It includes large banenrs & better graphics
Author: Joshua Pease
Version: 3.1

License:
License URI:
*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Layered Background */

#bgWrapper {
	position:relative;
	padding:1px 0;
}

#bgTreesTexture, #bgTreesMiddle, #bgTreesMiddleLogoCenter, #bgDirtTexture, #bgRoots {
	position:absolute;
}

#bgTreesTexture, #bgTreesMiddle, #bgTreesMiddleLogoCenter {
	top:0;
	left:0;
	right:0;
	height:750px;
}

#bgTreesTexture {
	background:url(/images/background/TreesTexture.jpg) top center repeat-x;

}

#bgTreesMiddle {
	background:url(/images/background/v4-TreesMiddle.jpg) top center no-repeat;
}
	body.try-episode-one #bgTreesMiddle {
		background-image:url(/images/background/TreesMiddle-TryEpisodeOne.jpg);
	}
	body.splashPage #bgTreesMiddle {
		background-image:url(splash/images/SplashPage-Background.jpg);
	}

#bgTreesMiddleLogoCenter {
	background:url(/images/background/TreesMiddleLogoCenter.jpg) top center no-repeat;
}

#bgDirtTexture, #bgRoots {
	top:475px;
	left:0;
	right:0;
}
	body.passwords #bgDirtTexture, body.passwords #bgRoots {
		top:800px;
	}

	body.splashPage #bgDirtTexture, body.splashPage #bgRoots{
		top:600px;
	}

#bgDirtTexture {
	background:url(/images/background/DirtTexture.jpg) top center;
	bottom:0;
}

#bgRoots {
	background:url(/images/background/Roots.jpg) top center repeat-x;
	height:720px;
}


/* Quick mobile fixes */

@media (max-width: 699px) {
	#bgTreesMiddle {
		background-size: auto 200px;
	}

	#bgTreesTexture {
		background: #000;
	}
}



/* Structure */

body {
	background:#000;
}

#wrapper {
	width:100%;
	max-width: 960px;
	margin:0 auto;
	padding-top: 160px;
	position:relative;
	z-index:999;
}

@media (min-width: 700px) {
	#wrapper {
		padding-top: 280px;
	}
}

#header {
	height:280px;
	position:relative;
}

	#headerLinks {
		width:280px;
		position:absolute;
		right:0;
		top:50px;
	}
		#headerLinks a {
			display:block;
			margin-bottom:10px;
			opacity:.8;
		}

		#headerLinks a:hover {
			opacity:1;
		}


.followIcons {
	text-align:center;
}
	.followIcons h2, .followIcons a, .followIcons img{
		display:inline-block!important;
		margin:0;

	}

	.followIcons a {
		position:relative;
		top:4px;
	}

#nav {
	height:60px;
	margin-bottom:30px;
	position:relative;
	z-index:999;
}
	#nav li {
		float:left;
	}

		#nav li a {
			color:#FFF;
			display:block;
			font-size:20px;
			font-weight:bold;
			line-height:60px;
			height:60px;
			padding:0 20px;
			text-decoration:none;
			text-shadow:0 -2px 0 rgba(0,0,0,.25);
		}

		#nav li a:hover {
			background:rgba(255,255,255,.125);
		}

	#nav li.navShare {
	}

		#nav li.navShare a {
			padding:0;
			opacity:.8;
		}

		#nav li.navShare a:hover {
			opacity:1;
		}


#primaryBanner {
	position:relative;
	margin-top:-30px;
}
	#primaryBanner #bannerButtons {
		position:absolute;
		top:45px;
		text-align:right;
		right:0px;
		z-index:999;
	}

		#primaryBanner #bannerButtons li {
			margin-top:-5px;
		}

		#primaryBanner #bannerButtons a {
			color:#FFF;
			display:inline-block;
			font-weight:bold;
			line-height:60px;
			height:70px;
			overflow:hidden;
			text-decoration:none;
		}

		#primaryBanner #bannerButtons a:hover img {
			margin-top:-70px;
		}


	#primaryBanner #bannerImage {
		height:300px;
		overflow:hidden;
	}

		#bannerImage img.first {
			display:block;
		}

	#primaryBanner .bannerControls {
		background:url(/images/BannerBevel.png) top center no-repeat;
		padding:10px;

	}

	.bannerControls {
		height:30px;
		text-align:center;
		line-height:0px;
	}
		.bannerControls a {
			display:inline-block;
			padding:5px;
		}

		.bannerControls a span {
			background:#436A8A;
			display:inline-block;
			width:15px;
			height:15px;
			border-radius:7.5px;
		}

		.bannerControls a:hover span {
			background-color:#699dc8;
		}

		.bannerControls a.activeSlide span {
			background-color:#E1BC51;
		}

		.bannerControls a.activeSlide:hover span {
			background-color:#ffbd00;
		}

#primaryColumn, #secondaryColumn {
}

#primaryColumn{
	margin-top: 400px;
	width:640px;
	margin-left:160px;
}

#secondaryColumn {
	width:280px;
}

#footer {
	margin-top:120px;
	text-align:center;
	margin-bottom:40px;
}

	#footer span, #footer img, #footer a {
		display:inline-block;
	}

	#footer img {
		vertical-align:middle;
	}

	#footer span, #footer a {
		padding:0 10px;
	}

/* Modules */



.seasonContainer {
	overflow:hidden;
	padding-top:5px;
	margin-top:-5px;
}
	.seasonContainer.rotate {
		margin-bottom:10px;
		height:217px;
	}

	.seasonContainer ul {
		margin-right:-20px;
	}

		.seasonContainer li.episodeCover {
			background:#333;
			float:left;
			margin:0 20px 20px 0;
			width:145px;
		}

		.seasonContainer li.episodeCover a {
			display:block;
			width:145px;
			height:215px;
			font-weight:bold;
			text-decoration:none;
		}

/* Episode Cover */

.episodeCover {
	position:relative;
	display:block;
}

.episodeCover .label {
	background:center no-repeat;
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	bottom:0;
	right:0;
}

	.episodeCover .label.free {
		background-image:url(/images/EpisodeLabel-Free.png);
	}

	.episodeCover .label.buy {
		background-image:url(/images/EpisodeLabel-Buy.png);
	}

	.episodeCover .label.unreleased {
		background-image:url(/images/EpisodeLabel-Unreleased.png);
	}

.episodeCover .releaseDate {
	background:#000;
	background:rgba(0,0,0,.9);
	color:#AAA;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	padding-right:20px;
	position:absolute;
	bottom:10px;
	right:10px;
	left:5px;
	text-align:center;
	text-shadow:0 -1px 1px #000;
	-webkit-box-shadow:0 1px 1px rgba(255,255,255,.1), inset 0 1px 1px #000;
	-webkit-border-radius:5px;
}

.episodeCover a .hoverOverlay {
	background:url(/images/EpisodeHoverOverlay.png) top left no-repeat;
	display:block;
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
}


.episodeContainer {
	margin-bottom:30px;

}
	.episodeContainer .episodeCover {
		background:#444;
		display:block;
		float:left;
		margin:0 40px 0 0;
		width:160px;
	}
		.episodeContainer .episodeCover img {
			display:block;
			width:160px;
		}

	.episodeContainer .episodeSynopsis {
	}


.episodeQuick {
	padding:0 60px;
	position:relative;
}
	.episodeQuick a.left, .episodeQuick a.right {
		background:url(/images/EpisodeQuickArrows.png) no-repeat;
		width:50px;
		position:absolute;
		top:0px;
		bottom:30px;
		z-index:999;
		opacity:.25;
	}

	.episodeQuick a.left:hover, .episodeQuick a.right:hover {
		opacity:1;
	}

	.episodeQuick a.left {
		background-position:left center;
		left:0;
	}

	.episodeQuick a.right {
		background-position:right center;
		right:0;
	}

	.episodeQuick ul {
		height:184px;
		overflow:hidden;
	}

		.episodeQuick ul li.episodeCover {
			width:110px;
			padding:10px;
			float:left;
		}

			.episodeQuick ul li.episodeCover img {
				width:100%;
			}

			.episodeQuick ul li.episodeCover a {
				color:#CCC;
				display:block;
				height:100%;
				position:relative;
				font-weight:bold;
				text-decoration:none;
			}

	.episodeQuick .label, .episodeQuick .releaseDate {
		display:none;
	}

/* Sidebar Boxes */

#twitterBox, .commentContainer {
	-webkit-box-shadow:0px 3px 5px #000;
	box-shadow:0px 3px 5px #000;
}

#twitterBox {
	background:#25333E;
	border:5px solid #283742;
	padding:10px;
	font-size:12px;
	line-height:15px;
}

	#twitterBox a {
		color:#3C98BA;
	}

	#twitterBox a.aktt_tweet_time {
		display:block;
		text-align:right;
		font-weight:bold;
	}

#twitterBox h2, .commentContainer h2 {
	margin:-30px 0 10px -20px;
}

#twitterBox a.aktt_more_updates {
	background:#db9b2d url(/images/ButtonYellowBackground.png) top left repeat-x;
	color:#FFF;
	display:inline-block;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 -1px 5px rgba(0,0,0,.5);

	-webkit-border-radius:3px;
	-webkit-box-shadow:0 2px 5px #000;
}

#twitterBox a.aktt_more_updates:hover {
	background-color:#febd4d;
}


.commentContainer {
	border:5px solid #292625;
	background:#26221f;
	padding:20px;

}

	#secondaryColumn .commentContainer{
		padding:10px;
	}



/* Videos */

#videoPlayer {
	margin: 0 auto;
	margin-bottom:30px;
	max-width: 640px;
}

#videoPlayer.listen {
	max-width: 320px;
}

#videoPlaylist {
	margin:0 5px;
	overflow:hidden;
}
	#videoPlaylist li {
		width:210px;
		float:left;
	}

	#videoPlaylist a {
		display:block;
		font-weight:bold;
		padding:10px;
		text-decoration:none;
	}

	#videoPlaylist a:hover {
	}

	#videoPlaylist .thumbContainer{
		position:relative;
		width:100%;
		height:100px;
		overflow:hidden;
	}

		#videoPlaylist .thumbContainer .thumb {
			display:block;
			width:190px;
		}

			#videoPlaylist .thumbContainer .playIcon {
				position:absolute;
				width:40px;
				height:40px;
				top:50%;
				margin-top:-20px;
				left:50%;
				margin-left:-20px;
				opacity:.5;
			}

			#videoPlaylist a:hover .playIcon {
				opacity:1;
			}

	#videoPlaylist .title {
		display:block;
		height:40px;
		line-height:20px;
		padding-top:5px;
	}

/* Get Messages */

.message {
	background:url(/images/EpisodeMessage-Buy.jpg);;
	position:relative;
	width:640px;
	height:480px;
}
	.message.free {
		background-image:url(/images/EpisodeMessage-Free.jpg);
	}

	.message.buy {
		background-image:url(/images/EpisodeMessage-Buy.jpg);
	}

	.message.unreleased {
		background-image:url(/images/EpisodeMessage-UnReleased.jpg);
	}

	.message.book {
		background-image:url(/images/GetMessage-Book.jpg);
	}

	.message.app {
		background-image:url(/images/GetMessage-App.jpg);
	}


	.message .bookLinks {
		position:absolute;
		top:244px;
		left:73px;
	}
		.message .booklinks a {
			display:block;
			padding:5px;
			opacity:.8;
		}

		.message .booklinks a:hover {
			opacity:1;
		}

	.message a.alphaButton {
		background:#FFF;
		display:block;
		opacity:0;
		position:absolute;
		height:44px;
		-webkit-border-radius:5px;
		left:70px;
	}

	.message a.alphaButton:hover {
		opacity:.25;
	}


	.message a#iphone {
		width:210px;
	}

	.message a#android {
		width:210px;
	}

	.message #releaseDate {
		color:#CCC;
		font-size:24px;
		font-weight:bold;
		position:absolute;
		left:83px;
		top:260px;
		text-shadow:0 1px 3px #000;
	}

	.message .messageText {
		position:absolute;
		left:80px;
		width:250px;
	}

/* Get Links */

a.getLink {
	display:block;
	opacity:.8;
}

a.getLink:hover {
	opacity:1;
}


/* Comments */

#comments {
	display:none;
}

#recentCommentsFrame {
	width:100%;
	overflow:hidden;
}



/* Disqus Comments */

#dsq-global-toolbar {
	margin-top:0!important;
}

#dsq-reply {

}
	#dsq-reply h3 {
	}


/* Disqus Widgets */

.dsq-widget-list {
	font-size:12px;
	line-height:15px;
}

.dsq-widget-item {
	color:#666!important;
	margin:0 0 10px 0 !important;
	overflow:hidden;
}
	.dsq-widget-item.mouseEnter {
		color:#CCC!important;
	}

	.dsq-widget-item a {
		color: #315165;
	}

	.dsq-widget-item.mouseEnter a {
		color:#BA3D0F!important;
	}

img.dsq-widget-avatar {
	margin:2px 5px 0 0!important;
	opacity:.75;
}
	.dsq-widget-item.mouseEnter img.dsq-widget-avatar {
		opacity:1;
	}

.dsq-widget-meta {
	display:none;
}



/* Typography */

body {
	color:#afa489;
	font-family:Arial;
	font-size:15px;
	line-height:25px;
}

p {
	margin-bottom:20px;
}

h1 {
	color:#EBBC37;
	font-size:30px;
	font-weight:bold;
	margin-bottom:10px;
}
	h1.image {
		height:40px;
		position:relative;
	}

		h1.image .hr {
			background-position: right center;
			background-repeat:no-repeat;
			display:block;
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			right:0;
			margin:0;
			height:40px;
		}

	h1.image .getLink {
		position:absolute;
		right:-55px;
		top:0;
	}


h2 {
	color:#773925;
	font-size:20px;
	margin-bottom:10px;
}

#secondaryColumn {
}

/* Links */

a {
	color:#235B6E;
}

a:hover {
	color:#EBBC37;
}

/* Common Classes */

.defaultShadow {
	box-shadow:0 2px 5px #000;
	-webkit-box-shadow:0 2px 5px #000;
	-moz-box-shadow:0 2px 5px #000;
}

.defaultTextShadow {
	text-shadow:0 1px 1px #000;
}

.ofc {
	overflow:auto;
}

.hr {
	background:url(/images/hr.png);
	height:4px;
	margin:30px 0;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

a.button {
	background:#db9b2d url(/images/ButtonYellowBackground.png) top left repeat-x;
	color:#FFF;
	display:inline-block;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 -1px 5px rgba(0,0,0,.5);

	-webkit-border-radius:3px;
	-webkit-box-shadow:0 2px 5px #000;
}

a.button:hover {
	background-color:#febd4d;
}

.clear {
	clear:both;
}

.textLeft {
	text-align:left;
}

.textRight {
	text-align:right;
}

.textCenter {
	text-align:center;
}


/* Splash Page */

#splashPage {
	width:800px;
	margin:0 auto;
	position:relative;
	text-align:center;
}
	#splashPage #splashPassword {
		background:url(splash/images/PasswordBoxGraphic.png) no-repeat;
		width:357px;
		height:128px;
		left:325px;
		top:340px;
		position:absolute;
	}
		#splashPassword form {
			overflow:auto;
			width:328px;
			margin-top:48px;
			margin-left:29px;
			margin-bottom:30px;
		}

		#splashPassword input {
			display:block;
			float:left;
			font-family: Helvetica, Arial, sans-serif;
			font-size:15px;
			padding:0;
			margin:0;
			border:0;
		}
		#splashPassword #password {
			background:none;
			color:#666;
			font-weight:bold;
			width:194px;
			height:40px;
			padding:20px 10px 20px 20px;
		}

		#splashPassword #submit {
			background:url(splash/images/PasswordSubmitOver.png);
			height:80px;
			width:104px;
			cursor:pointer;
			opacity:0;
		}

		#splashPassword #submit:hover {
			opacity:1;
		}

	#splashPage .alphaButton {
		opacity:.8;
	}

	#splashPage .alphaButton:hover {
		opacity:1;
	}

	#enterTheMainSite {
		left:194px;
		top:600px;
		position:absolute;
	}




/* Password Page */



#passwordContainer {
	width:280px;
	margin:0 auto;
}


#passwordContainer:after {
	content: '';
	display: table;
	clear: both;
}
	#passwordContainer.hidden {
		display:none;
	}

	#passwordContainer input {
		display:block;
		float:left;
		font-family: Helvetica, Arial, sans-serif;
		font-size:15px;
		padding:0;
		margin:0;
		border:0;
	}

	#passwordContainer #password {
		background:url(/images/PasswordInputBackground.png) no-repeat;
		color:#AAA;
		font-weight:bold;
		width:160px;
		height:30px;
		padding:20px 10px 20px 20px;
	}

	#passwordContainer #password:focus {
		background-position:0 -70px;
	}
		#passwordContainer.incorrect #password {
			color:#FF0000;
		}

	#passwordContainer #submit {
		background:url(/images/PasswordSubmitBackground.png) no-repeat;
		height:70px;
		width:90px;
		cursor:pointer;
	}

	#passwordContainer #submit:hover {
		background-position:0 -70px;
	}

#nav #passwordContainer {
	margin-top:0;
	position:absolute;
	overflow:auto;
	z-index:999;
	right:0;
	top:-5px;
}

#mediaContainer {
	margin:0 auto;
	margin-top:20px;
	max-width: 600px;
	/* width:660px; */
}
	#mediaContainer #videoPlayer {
		background: #000;
		border-radius: 5px;
		padding:10px;
	}

#passwordNavigation {
	max-width:640px;
	margin:0 auto;
	margin-top:20px;
	text-align:center;
}
	#passwordNavigation a {
		display:inline-block;
		padding:10px;
		color:#AAA;
		font-weight:bold;
		text-decoration:none;
	}

	#passwordNavigation a:hover {
		color:#FFF;
		background:#222;
	}

/* iPod Touch */

#iPodTouch {
	background:url(/images/iPodTouch.png) top left no-repeat;
	width:356px;
	height:645px;
	margin:0 auto;
	margin-top:-300px;
	position:relative;
}

#teaser{
	position:absolute;
	top:372px;
	left:112px;
	width:129px;
	height:22px;
}

a#teaser:hover {
	background:rgba(255,255,255,.25);
}

#listen, #read, #watch {
	background:rgba(255,255,255,.125);
	width:70px;
	height:70px;
	position:absolute;
	top:426px;
	display:none;
}

/* Shadowbox */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #000;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:32px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:32px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:32px;width:32px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav a:hover{opacity:.75}

#sb-nav-close{background-image:url(/images/shadowbox/close.png);}
#sb-nav-next{background-image:url(/images/shadowbox/next.png);}
#sb-nav-previous{background-image:url(/images/shadowbox/previous.png);}
#sb-nav-play{background-image:url(/images/shadowbox/play.png);}
#sb-nav-pause{background-image:url(/images/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;font-size:16px; font-weight:bold; padding-top:4px}
#sb-counter a{padding:4px 10px;text-decoration:none;cursor:pointer;color:#fff; display:inline-block;}
#sb-counter a:hover {
	background: #333;
	color: #CCC;
}
#sb-counter a.sb-counter-current{text-decoration: none; background:#666}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

.v2-grid-title {
	position: relative;
	margin: 0 auto;
	margin-top: 80px;
	color: #FFF;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
	/* max-width: 400px; */
}

/* .v2-grid-title:before,
.v2-grid-title:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	background: rgba(255, 255, 255, .25);
}

.v2-grid-title:before {
	left: 0;
	right: calc(50% + 70px);
}
.v2-grid-title:after {
	right: 0;
	left: calc(50% + 70px);
} */

.v2-book-grid,
.v2-book-grid > * {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.v2-book-grid {
	clear: both;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	max-width: 580px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.v2-book-grid:after {
	content: ' ';
	display: table;
	clear: both;
}

.v2-book-grid li {
	width: 33.333%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	padding: 10px;
}

@media (min-width: 480px) {
	.v2-book-grid li {
		width: 25%;
	}
}

.v2-book-grid img {
	max-width: 100%;
	display: block;
}

.v2-towervale-link {
	clear: both;
	text-align: center;
	margin: 30px auto;
	border: 1px solid rgba(255, 255, 255, .25);
	border-width: 2px 0;
	max-width: 240px;
	display: block;
	color: #dda929;
	padding: 10px 20px;
	text-decoration: none;
}
.v2-towervale-link:hover,
.v2-towervale-link:focus {
	color: #ffd66d;
	border-color: rgba(255,255,255,.5)
}

.header-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-height: 50px;
	margin-bottom: 60px;
	padding: 5px 0;
	background-color: #2e6785;
}

.header-nav a {
	padding: 5px 15px;
	color: #f4d983;
	font-family: 'Passion One', sans-serif;
	font-size: 18px;
	letter-spacing: .025em;
	text-decoration: none;
	text-align: center;
}

.header-nav a:hover {
	color: #fff6d9;
}

.header-nav a .fas {
	opacity: .8;
	position: relative;
	top: .1em;
}

@media (min-width: 700px) {
	.header-nav {
		font-size: 28px;
		background-color: transparent;
	}

	.header-nav a {
		font-size: 28px;
	}
}