* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
}

body {
	background-color: #FAF9F6;
}

.the-ghost-of-silver-snow-sessions-bg {
	background: #4f6271;
}
.the-ghost-of-silver-snow-bg {
	background: #a7c8c1;
}
.is-it-still-snowing-sessions-bg {
	background: #c2b09e;
}
.is-it-still-snowing-bg {
	background: #98a2bb;
}
.a-clay-bears-christmas-bg, .a-clay-bears-christmas-bg-header {
	background: #09426f;	
}
.at-moonrise-planets-bg {
	background: #819dbd;
}
.some-bright-moonrise-sessions-bg {
	background: #4f5553;
}
.some-bright-moonrise-bg {
	background: #34302d;
}
.cemetery-singers-bg {
	background: #d7a529;
}
.distant-storm-sessions-bg {
	background: #add2a1;
}
.distant-storm-bg {
	background: #992828;
}

::selection {
  background: #fff;
   color: #115c72;
  }
::-moz-selection {
	background: #fff;
	color: #115c72;
}

::-webkit-selection {
  background: #fff;
	color: #115c72;
}


a {
	display: inline-block;
	text-decoration: none;
	color: inherit;
	font-family: inherit;
}

.clear {
	 clear: both;
}

.break {
		height: 30px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header {
	background-color: #c5e6ff;
}


h1 {
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
}

h1 .lcb-logo {
	background-image: url("../images/lcb-logo.svg");
	background-repeat: no-repeat;
	height: 45px;
	width: 300px;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
	margin: 1.5rem auto .75rem;
}
h1 .lcb-logo-ds {
	background-image: url('../images/lcb-logo-ds.svg');
	background-repeat: no-repeat;
	height: 45px;
	width: 300px;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
	margin: 1.5rem auto .75rem;
}
h1 .lcb-logo-css {
	background-image: url('../images/lcb-logo-css.svg');
	background-repeat: no-repeat;
	height: 45px;
	width: 300px;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
	margin: 1.5rem auto .75rem;
}
h1 .lcb-logo-dss {
	background-image: url('../images/lcb-logo-dss.svg');
	background-repeat: no-repeat;
	height: 45px;
	width: 300px;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
	margin: 1.5rem auto .75rem;
}
h1 .lcb-logo-sbm {
	background-image: url('../images/lcb-logo-sbm.svg');
	background-repeat: no-repeat;
	height: 45px;
	width: 300px;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
	margin: 1.5rem auto .75rem;
}
h1 .lcb-logo-sbms {
	background-image: url('../images/lcb-logo-sbms.svg');
	background-repeat: no-repeat;
	height: 45px;
	width: 300px;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
	margin: 1.5rem auto .75rem;
}
h1 .lcb-logo-amp {
	background-image: url('../images/lcb-logo-amp.svg');
	background-repeat: no-repeat;
	height: 55px;
	width: 370px;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
	margin: 1.5rem auto .75rem;
}
h1 .logo-lcb-acbc {
	background-image: url('../images/lcb-logo-acbc.svg');
	background-repeat: no-repeat;
	height: 45px;
	width: 300px;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
	margin: 1.5rem auto .75rem;
}
h1 .lcb-logo-iiss {
	background-image: url('../images/lcb-logo-iiss.svg');
	background-repeat: no-repeat;
	height: 45px;
	width: 300px;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
	margin: 1.5rem auto .75rem;
}
h1 .lcb-logo-iisss {
	background-image: url('../images/lcb-logo-iisss.svg');
	background-repeat: no-repeat;
	height: 45px;
	width: 300px;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
	margin: 1.5rem auto .75rem;
}
h1 .lcb-logo-tgoss {
	background-image: url('../images/lcb-logo-tgoss.svg');
	background-repeat: no-repeat;
	height: 45px;
	width: 300px;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
	margin: 1.5rem auto .75rem;
}
h1 .lcb-logo-tgosss {
	background-image: url('../images/lcb-logo-tgosss.svg');
	background-repeat: no-repeat;
	height: 45px;
	width: 300px;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: center;
	margin: 1.5rem auto .75rem;
}

@media only screen and (min-width: 695px) {
	h1 .lcb-logo {
		background-image: url("../images/lcb-logo.svg");
		background-repeat: no-repeat;
		height: 45px;
		width: 300px;
		text-indent: -9999px;
		white-space: nowrap;
		text-align: center;
	 	margin: 2rem auto 1rem;
	}
	h1 .lcb-logo-ds {
		background-image: url('../images/lcb-logo-ds.svg');
		background-repeat: no-repeat;
		height: 45px;
		width: 300px;
		text-indent: -9999px;
		white-space: nowrap;
		text-align: center;
	 	margin: 2rem auto 1rem;
	}
	h1 .lcb-logo-css {
		background-image: url('../images/lcb-logo-css.svg');
		background-repeat: no-repeat;
		height: 45px;
		width: 300px;
		text-indent: -9999px;
		white-space: nowrap;
		text-align: center;
	 	margin: 2rem auto 1rem;
	}
	h1 .lcb-logo-dss {
		background-image: url('../images/lcb-logo-dss.svg');
		background-repeat: no-repeat;
		height: 45px;
		width: 300px;
		text-indent: -9999px;
		white-space: nowrap;
		text-align: center;
	 	margin: 2rem auto 1rem;
	}
	h1 .lcb-logo-sbm {
		background-image: url('../images/lcb-logo-sbm.svg');
		background-repeat: no-repeat;
		height: 45px;
		width: 300px;
		text-indent: -9999px;
		white-space: nowrap;
		text-align: center;
	 	margin: 2rem auto 1rem;
	}
	h1 .lcb-logo-sbms {
		background-image: url('../images/lcb-logo-sbms.svg');
		background-repeat: no-repeat;
		height: 45px;
		width: 300px;
		text-indent: -9999px;
		white-space: nowrap;
		text-align: center;
	 	margin: 2rem auto 1rem;
	}
	h1 .lcb-logo-amp {
		background-image: url('../images/lcb-logo-amp.svg');
		background-repeat: no-repeat;
		height: 45px;
		width: 300px;
		text-indent: -9999px;
		white-space: nowrap;
		text-align: center;
	 	margin: 2rem auto 1rem;
	}
	h1 .logo-lcb-acbc {
		background-image: url('../images/lcb-logo-acbc.svg');
		background-repeat: no-repeat;
		height: 45px;
		width: 300px;
		text-indent: -9999px;
		white-space: nowrap;
		text-align: center;
	 	margin: 2rem auto 1rem;
	}
	h1 .lcb-logo-iiss {
		background-image: url('../images/lcb-logo-iiss.svg');
		background-repeat: no-repeat;
		height: 45px;
		width: 300px;
		text-indent: -9999px;
		white-space: nowrap;
		text-align: center;
	 	margin: 2rem auto 1rem;
	}
	h1 .lcb-logo-iisss {
		background-image: url('../images/lcb-logo-iisss.svg');
		background-repeat: no-repeat;
		height: 45px;
		width: 300px;
		text-indent: -9999px;
		white-space: nowrap;
		text-align: center;
	 	margin: 2rem auto 1rem;
	}
	h1 .lcb-logo-tgoss {
		background-image: url('../images/lcb-logo-tgoss.svg');
		background-repeat: no-repeat;
		height: 45px;
		width: 300px;
		text-indent: -9999px;
		white-space: nowrap;
		text-align: center;
	 	margin: 2rem auto 1rem;
	}
	h1 .lcb-logo-tgosss {
		background-image: url('../images/lcb-logo-tgosss.svg');
		background-repeat: no-repeat;
		height: 45px;
		width: 300px;
		text-indent: -9999px;
		white-space: nowrap;
		text-align: center;
	 	margin: 2rem auto 1rem;
	}
}


h2 {
	text-align: center;
	font-family: Noto Serif;
	font-size: 1.5rem;
	margin: 1.5rem auto 2rem;
}

.lcb-tgosss-h2 {
	color: #302921;
}
.lcb-tgoss-h2 {
	color: #5f5f5f;
}
.lcb-iisss-h2 {
	color: #422807;
}
.lcb-iiss-h2 {
	color: #3f4267;
}
.lcb-acbc-h2 {
	color: #ffffff;
}
.lcb-amp-h2 {
	color: #e2e1dc;
}
.lcb-sbms-h2 {
	color: #daa698;
}
.lcb-sbm-h2 {
	color: #f6f6ee;
}
.lcb-css-h2 {
	color: rgba(13, 10, 2, .85);
}
.lcb-dss-h2 {
	color: rgba(64, 52, 48, .55);
}
.lcb-ds-h2 {
	color: rgba(240, 226, 226, .85);
}


@media only screen and (min-width: 695px) {
	h2 {
		text-align: center;
		font-family: Noto Serif;
		font-size: 2rem;
		margin: 2rem auto 3rem;
	}
}







.header-box {
		background-color: #005a7e;
		border-radius: 50px;
		width: 300px;
		margin: 1rem auto 1rem;
		padding-top: 10px;
		padding-bottom: 10px;
	}

.header-box p {
	text-align: center;
	color: #fff;
	font-size: 1rem;

}
.header-box a{
	text-decoration: underline;
	color: inherit;
	font-family: inherit;
}
.header-box a:hover{
	color: #e4e4e4;
}

@media only screen and (min-width: 695px) {
	.header-box {
		background-color: #005a7e;
		border-radius: 50px;
		width: 900px;
		margin: 1rem auto 1rem;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}


.hide-mobile {
	display: none;
}

.menu {
	width: 25px;
	display: block;
	margin: auto;
}


.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(197,230,255);
  background-color: rgba(197,230,255, 0.95);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 12px;
  text-decoration: none;
  font-size: 36px;
  color: #161d17;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #777;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}





header .row {}

header .row .column {
	width: 100%;
}

@media only screen and (min-width: 695px) {

	header .row .column {
		width: 33.33%;
	 	text-align: center;
	}
}


nav ul {
	position: fixed;
	top: 0;
	right: 0;
	text-align: centered;
	background-color:rgb(197,230,256);
	background-color:rgba(197,230,256,0.95);
	height: 100%;
	z-index: 7;
	padding-top: 3em;
	font-family: Noto Serif;
	font-weight: 900;
}

nav ul li a {
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 1em 2em;
	background: #eee;
}

nav ul li a:hover {
	background-color: #ddd;
}




@media only screen and (min-width: 695px) {

.show-desktop {
		display: block;
		margin: 2rem auto 0 auto;
	}

	.hide-desktop {
		display: none;
	}

	nav {
	}

	nav ul {
		position: inherit;
		background: none;
		height: auto;
		padding-top: 0;
		font-family: Noto Serif;
		font-weight: 900;
		text-align: center;
		width: 400px;
	}

	nav ul li {
		float: left;
	}

	nav ul li a {
		background-color: transparent;
		padding: 1rem .5rem;
		font-size: 1rem;
	}

	nav ul li a:hover {
		color: #777;
		background-color: inherit;
	}

}

/*--------------------------------------------------------------
# Header Right
--------------------------------------------------------------*/

.header-actions .header-actions-action--social {
    display:flex
}

.header-actions {
    flex-grow: 0;
    flex-shrink: 1;
    display: inline-flex;
    align-items:center
}


/* social */


.bottom-of-page {
	position: fixed;
  	left: 50%;
  	bottom: 20px;
  	transform: translate(-50%, -50%);
  	margin: 0 auto;
}

.social {
	margin-top: 2rem;
}

.social_icons {
	height: 35px;
}
ul.social_icons {
	margin: 10px auto 0;
	padding: 0;
	float: none;
	width: 235px;
	list-style: none;
	font-size: 1.1rem;
	text-align: center;
}
ul.social_icons li a{
	background:transparent url(../images/social-main.png) no-repeat;
	float: left;
	width: 35px;
	height: 35px;
	display: block;
	text-indent: -9000px;
	margin-right: 5px;
	text-align: center;
}

.social_icons li a#instagram { background-position: 0 0; }
.social_icons li a#bandcamp { background-position: -35px 0px; }
.social_icons li a#spotify { background-position: -70px 0px; } 
.social_icons li a#youtube { background-position: -105px 0px; }
.social_icons li a#amazon { background-position: -140px 0px; }
.social_icons li a#apple { background-position: -175px 0px; margin-right: 0; }

.social_icons li a:hover#instagram { background-position: 0 -35px; }
.social_icons li a:hover#bandcamp { background-position: -35px -35px; }
.social_icons li a:hover#spotify { background-position: -70px -35px; }
.social_icons li a:hover#youtube { background-position: -105px -35px; }
.social_icons li a:hover#amazon { background-position: -140px -35px; }
.social_icons li a:hover#apple { background-position: -175px -35px; margin-right: 0;}





.page-section .section-border {
    background-color: #c5e6ff;
}



.sub-header {
	text-align: center;
	font-family: Noto Serif;
	font-size: 2rem;
	font-weight: 900;
	margin: 3rem auto 3rem auto;
}

.sub-header a {
	color: #161d17;
}

.sub-header a hover {
	color: #3d3d3d;
}

.sub-box ul {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.sub-box ul li {
	margin: 0 0 4rem 0;
	padding: 0 0 0 0;
	display: block;
	float: left;
	width: 100%;
	line-height: 0;
}
.sub-box a {
	position: relative;
	display: block;
	text-align: center;
}

.dist-storm-index {
	background-image: url("../images/distant-storm-300.jpg");
	width: 300px;
	height: 300px;
	margin: 0 auto;
}

.distant-storm-bandcamp {
		background-image: url('../images/distant-storm-bandcamp-300.jpg');
		width: 300px;
		height: 300px;
		margin: 0 auto;
	}

.some-bright-index {
	background-image: url("../images/some-bright-moonrise-300.jpg");
	width: 300px;
	height: 300px;
	margin: 0 auto;
}

.some-bright-moonrise-bandcamp {
		background-image: url('../images/some-bright-moonrise-bandcamp-300.jpg');
		width: 300px;
		height: 300px;
		margin: 0 auto;
	}



@media only screen and (min-width: 695px) { 
	
	.sub-box ul li {
		margin: 0 0 4rem 0;
		padding: 0 0 0 0;
		display: block;
		float: left;
		width: 50%;
		line-height: 0;
	}
	.sub-box img {
		width: 400px;
		height: auto;
		margin: 150px 0 0 0;
		padding: 0 0 0 0;
	}

	.dist-storm-index {
	  background-image: url("../images/distant-storm-400.jpg");
	  width: 400px;
	  height: 400px;
	  margin: 0 auto;
	}

	.distant-storm-bandcamp {
		background-image: url('../images/distant-storm-bandcamp-400.jpg');
		width: 400px;
		height: 400px;
		margin: 0 auto;
	}

	.some-bright-index {
	  background-image: url("../images/some-bright-moonrise-400.jpg");
	  width: 400px;
	  height: 400px;
	  margin: 0 auto;
	}

	.some-bright-moonrise-bandcamp {
		background-image: url('../images/some-bright-moonrise-bandcamp-400.jpg');
		width: 400px;
		height: 400px;
		margin: 0 auto;
	}
}







/*--------------------------------------------------------------
# Section - Box Small
--------------------------------------------------------------*/

.main-box {
	margin: 2rem auto 2rem;
	background-color: none;
	width: 370px;
}

.seperator {
	background: transparent url(../images/seperator-sm.svg) no-repeat;
	height: 47px;
	width: 346px;
	margin: 2rem auto;
}

/*--------------------------------------------------------------
# Section -  Box
-------------------------------------------------------------*/

@media only screen and (min-width: 695px) { 
	.main-box {
		margin: 3rem auto 2rem;
		background-color: none;
		width: 980px;
	}
	.seperator {
		background: transparent url(../images/seperator-lg.svg) no-repeat;
		height: 94px;
		width: 931px;
		margin: 2rem auto;
	}
}


	.index-news {
		width: 370px;
		margin: 0 0 0 0;
	}
	.index-picture {
		margin: 0 auto 2rem auto;
		float: none;
		width: 360px;
	}
	.dragonfly-index-pic {
		background-image: url('../images/dragonfly-video-sm.jpg');
		width: 350px;
		height: 197px;
		margin: 1rem auto 1rem auto;
	}
	.cemetery-singers-full-index-pic {
		background-image: url('../images/cemetery-singers-full-index-sm.jpg');
		width: 350px;
		height: 197px;
		margin: 1rem auto 1rem auto;
	}
	.distant-storm-2-versions {
		background-image: url('../images/distant-storm-2-versions-300.jpg');
		width: 350px;
		height: 256px;
		margin: 1rem auto 1rem auto;
	}
	.distant-storm-index-pic {
		background-image: url('../images/distant-storm-300.jpg');
		width: 300px;
		height: 300px;
		margin: 1rem auto 1rem auto;
	}
	.cemetery-singers-index-pic {
		background-image: url('../images/cemetery-singers-index-sm.jpg');
		width: 350px;
		height: 197px;
		margin: 0 auto 0 auto;
	}
	.some-bright-moonrise-all-3 {
		background-image: url('../images/some-bright-moonrise-all-3-300.jpg');
		width: 300px;
		height: 224px;
		margin: 1rem auto 1rem auto;
	}
	.some-bright-moonrise-index-pic {
		background-image: url('../images/some-bright-moonrise-300.jpg');
		width: 300px;
		height: 300px;
		margin: 1rem auto 1rem auto;
	}
	.at-moonrise-index-pic {
		background-image: url('../images/at-moonrase-planets-300.jpg');
		width: 300px;
		height: 300px;
		margin: 0 auto 0 auto;
	}
	.sweet-sweet-sleep-index-pic {
		background-image: url('../images/sweet-sweet-sleep-index-sm.jpg');
		width: 350px;
		height: 197px;
		margin: 0 auto 0 auto;
	}
	.luminaria-index-pic {
		background-image: url('../images/luminaria-index-sm.jpg');
		width: 350px;
		height: 197px;
		margin: 0 auto 0 auto;
	}
	.christmas-index-pic {
		background-image: url('../images/christmas-photo-sm.jpg');
		width: 300px;
		height: 300px;
		margin: 0 auto 0 auto;
	}
	.index-text {
		text-align: center;
		width: 280px;
		margin: 1rem auto 0 auto;
		color: #505050;
		float: none;
	}
	.index-date {
		text-align: center;
		font-size: 1rem;
	}
	.index-header {
		text-align: center;
		font-size: 1.33rem;
		margin-bottom: 20px;
	}
	.index-paragraph {
		text-align: left;
		font-size: 1.11rem;
		line-height: 1.55rem;
	}
	.index-paragraph a{
		color: #5d5d5d;
		text-decoration: underline;
	}
	.index-paragraph a:hover{
		color: #505050;
		text-decoration: underline;
	}

@media only screen and (min-width: 695px) { 

	.index-news {
		width: 980px;
		margin: 0 0 0 0;
	}
	.index-picture {
		float: left;
		width: 650px;
		margin: 0 auto 1rem auto;
	}
	.dragonfly-index-pic {
		background-image: url('../images/dragonfly-full-index.jpg');
		width: 600px;
		height: 339px;
		margin: 1rem auto 1rem auto;
	}
	.cemetery-singers-full-index-pic {
		background-image: url('../images/cemetary-singers-full-index.jpg');
		width: 600px;
		height: 339px;
		margin: 1rem auto 1rem auto;
	}
	.distant-storm-2-versions {
		background-image: url('../images/distant-storm-2-versions-400.jpg');
		width: 535px;
		height: 400px;
		margin: 1rem auto 1rem auto;
	}
	.distant-storm-index-pic {
		background-image: url('../images/distant-storm-400.jpg');
		width: 400px;
		height: 400px;
		margin: 1rem auto 1rem auto;
	}
	.cemetery-singers-index-pic {
		background-image: url('../images/cemetery-singers-index.jpg');
		width: 600px;
		height: 339px;
		margin: 1rem auto 1rem auto;
	}
	.some-bright-moonrise-all-3 {
		background-image: url('../images/some-bright-moonrise-all-3-400.jpg');
		width: 535px;
		height: 400px;
		margin: 1rem auto 1rem auto;
	}
	.some-bright-moonrise-index-pic {
		background-image: url('../images/some-bright-moonrise-400.jpg');
		width: 400px;
		height: 400px;
		margin: 1rem auto 1rem auto;
	}
	.at-moonrise-index-pic {
		background-image: url('../images/at-moonrase-planets-400.jpg');
		width: 400px;
		height: 400px;
		margin: 1rem auto 1rem auto;
	}
	.sweet-sweet-sleep-index-pic {
		background-image: url('../images/sweet-sweet-sleep-index.jpg');
		width: 600px;
		height: 339px;
		margin: 1rem auto 1rem auto;
	}
	.christmas-index-pic {
		background-image: url('../images/christmas-photo.jpg');
		width: 400px;
		height: 400px;
		margin: 1rem auto 1rem auto;
	}
	.luminaria-index-pic {
		background-image: url('../images/luminaria-index.jpg');
		width: 600px;
		height: 339px;
		margin: 1rem auto 1rem auto;
	}
	.index-text {
		text-align: center;
		width: 280px;
		margin: 1rem auto 1rem auto;
		color: #505050;
		float: left;
	}
	.index-date {
		text-align: center;
		font-family: 'times new roman' sans-serif;
		font-size: 1.11rem;
	}
	.index-header {
		text-align: center;
		font-family: 'times new roman' sans-serif;
		font-size: 1.5rem;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.index-paragraph {
		text-align: left;
		font-family: 'times new roman' sans-serif;
		font-size: 1.22rem;
		line-height: 2rem;
	}
	.index-paragraph a{
		color: #5d5d5d;
		text-decoration: underline;
	}
	.index-paragraph a:hover{
		color: #505050;
		text-decoration: underline;
	}
}

/*--------------------------------------------------------------
# Section - Index Boxes
--------------------------------------------------------------*/

.index-2-boxes {
	width: 370px;
	margin: 1rem auto 1rem;
}
.index-album {
	width: 370px;
	float: none;
}
.index-video {
	width: 370px;
	float: none;
}

.index-album-text, .index-video-text {
	text-align: center;
	font-size: 1.25rem;
}
.index-album-pic{
	display: block;
  margin-left: auto;
  margin-right: auto;
}
.index-video-pic{
	min-height: 250px;
	display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

@media only screen and (min-width: 695px) { 
	.index-2-boxes {
		width: 980px;
		margin: 1rem auto 1rem;
	}

	.index-album {
		width: 460px;
		float: left;
	}

	.index-video {
		width: 460px;
		float: right;
	}
}







/*--------------------------------------------------------------
# Albums
--------------------------------------------------------------*/

.album-box ul {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.album-box ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	float: left;
	width: 100%;
	line-height: 0;
}

.zoom {
	padding: 50px;
	transition: transform .2s; /* Animation */
	margin: 0 auto;
}
.zoom:hover {
	 transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.album-box a {
	position: relative;
	display: block;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.dist-storm {
	padding: 50px;
	background-image: url("../images/distant-storm-300.jpg");
	transition: transform .2s; /* Animation */
	width: 300px;
	height: 300px;
	margin: 0 auto;
}
.ceme-sing {
	padding: 50px;
	background-image: url("../images/cemetery-singers-300.jpg");
	transition: transform .2s; /* Animation */
	width: 300px;
	height: 300px;
	margin: 0 auto;
}
.some-bright {
	padding: 50px;
	background-image: url("../images/some-bright-moonrise-300.jpg");
	transition: transform .2s; /* Animation */
	width: 300px;
	height: 300px;
	margin: 0 auto;
}
.moon-plan {
	padding: 50px;
	background-image: url("../images/at-moonrase-planets-300.jpg");
	transition: transform .2s; /* Animation */
	width: 300px;
	height: 300px;
	margin: 0 auto;
}
.a-clay {
	padding: 50px;
	background-image: url("../images/a-clay-bear-christmas-300.jpg");
	transition: transform .2s; /* Animation */
	width: 300px;
	height: 300px;
	margin: 0 auto;
}
.is-it{
	padding: 50px;
	background-image: url("../images/is-it-still-snowing-300.jpg");
	transition: transform .2s; /* Animation */
	width: 300px;
	height: 300px;
	margin: 0 auto;
}
.the-ghost{
	padding: 50px;
	background-image: url("../images/the-ghost-of-silver-snow-300.jpg");
	transition: transform .2s; /* Animation */
	width: 300px;
	height: 300px;
	margin: 0 auto;
}
h3 {
	color: #505050;
	font-size: 1.25rem;
	align-items: center;	
}
h3:hover {
	color: #073948;
}

@media only screen and (min-width: 695px) { 
	
	.album-box ul li {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		display: block;
		float: left;
		width: 50%;
		line-height: 0;
	}
	.album-box img {
		width: 400px;
		height: auto;
		margin: 150px 0 0 0;
		padding: 0 0 0 0;
	}
	
	.dist-storm {
		padding: 50px;
	  background-image: url("../images/distant-storm-400.jpg");
	  transition: transform .2s; /* Animation */
	  width: 400px;
	  height: 400px;
	  margin: 0 auto;
	}
	.dist-storm:hover {
	  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
	.ceme-sing {
	  padding: 50px;
	  background-image: url("../images/cemetery-singers-400.jpg");
	  transition: transform .2s; /* Animation */
	  width: 400px;
	  height: 400px;
	  margin: 0 auto;
	}

	.ceme-sing:hover {
	  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
	.some-bright {
		padding: 50px;
	  background-image: url("../images/some-bright-moonrise-400.jpg");
	  transition: transform .2s; /* Animation */
	  width: 400px;
	  height: 400px;
	  margin: 0 auto;
	}
	.some-bright:hover {
	  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
	.moon-plan {
	  padding: 50px;
	  background-image: url("../images/at-moonrase-planets-400.jpg");
	  transition: transform .2s; /* Animation */
	  width: 400px;
	  height: 400px;
	  margin: 0 auto;
	}

	.moon-plan:hover {
	  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}

	.a-clay {
	  padding: 50px;
	  background-image: url("../images/a-clay-bear-christmas-400.jpg");
	  transition: transform .2s; /* Animation */
	  width: 400px;
	  height: 400px;
	  margin: 0 auto;
	}

	.a-clay:hover {
	  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}

	.is-it{
	  padding: 50px;
	  background-image: url("../images/is-it-still-snowing-400.jpg");
	  transition: transform .2s; /* Animation */
	  width: 400px;
	  height: 400px;
	  margin: 0 auto;
	}

	.is-it:hover {
	  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
	.the-ghost{
	  padding: 50px;
	  background-image: url("../images/the-ghost-of-silver-snow-400.jpg");
	  transition: transform .2s; /* Animation */
	  width: 400px;
	  height: 400px;
	  margin: 0 auto;
	}

	.the-ghost:hover {
	  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}

}

/*--------------------------------------------------------------
# Section - Video <new>
--------------------------------------------------------------*/

.video-box ul {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.video-box ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	float: left;
	width: 100%;
	line-height: 0;
}

.video-box a {
	position: relative;
	display: block;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.dragonfly-video{
		background-image: url('../images/dragonfly-video-sm.jpg');
		width: 350px;
		height: 195px;
		margin: 1rem auto 2rem auto;
	}
.cemetery-singers-full-video{
		background-image: url('../images/cemetery-singers-video-sm.jpg');
		width: 350px;
		height: 195px;
		margin: 1rem auto 2rem auto;
	}
.cemetery-singers-teaser{
	background-image: url('../images/cemetery-singers-teaser-sm.jpg');
	width: 350px;
	height: 195px;
	margin: 1rem auto 2rem auto;
}
.sweet-sweet-sleep-video{
	background-image: url('../images/sweet-sweet-sleep-video-sm.jpg');
	width: 350px;
	height: 195px;
	margin: 1rem auto 2rem auto;
}
.luminaria-video{
	background-image: url('../images/luminaria-video-sm.jpg');
	width: 350px;
	height: 195px;
	margin: 1rem auto 2rem auto;
}
.lighthouse-video{
	background-image: url('../images/lighthouse-video-sm.jpg');
	width: 350px;
	height: 195px;
	margin: 1rem auto 2rem auto;
}
.blue-star-cadet-video{
	background-image: url('../images/blue-star-cadet-video-sm.jpg');
	width: 350px;
	height: 195px;
	margin: 1rem auto 2rem auto;
}
.candles-video{
	background-image: url('../images/candles-video-sm.jpg');
	width: 350px;
	height: 195px;
	margin: 1rem auto 2rem auto;
}

.video-text {
	text-align: center;
	width: 280px;
	margin: 20px 10px 20px 10px;
	color: #505050;
}
.video-date {
	text-align: center;
	font-family: 'times new roman' sans-serif;
	font-size: .90rem;
	margin-bottom: 20px;
}
.video-header {
	text-align: center;
	font-family: 'times new roman' sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.video-paragraph {
	text-align: left;
	font-family: 'times new roman' sans-serif;
	font-size: 1.11rem;
	line-height: 2rem;
}


@media only screen and (min-width: 695px) { 

	.video-box ul li {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		display: block;
		float: left;
		width: 50%;
		line-height: 0;

	}
	.video-box ul li {
		min-height: 500px;		
	}
	.video-box img {
		width: 450px;
		height: auto;
		margin: 150px 0 0 0;
		padding: 0 0 0 0;
	}

	.videos-box-picture {
		width: 450px;
		height: 251px;
		margin: 0 0 0 0;
	}
	.dragonfly-video{
		background-image: url('../images/dragonfly-video.jpg');
		width: 450px;
		height: 251px;
		margin: 2rem auto 3rem auto;
	}
	.cemetery-singers-full-video{
		background-image: url('../images/cemetery-singers-full-video.jpg');
		width: 450px;
		height: 251px;
		margin: 2rem auto 3rem auto;
	}
	.cemetery-singers-teaser{
		background-image: url('../images/cemetery-singers-teaser.jpg');
		width: 450px;
		height: 251px;
		margin: 2rem auto 3rem auto;
	}
	.sweet-sweet-sleep-video{
		background-image: url('../images/sweet-sweet-sleep-video.jpg');
		width: 450px;
		height: 251px;
		margin: 2rem auto 3rem auto;
	}
	.luminaria-video{
		background-image: url('../images/luminaria-video.jpg');
		width: 450px;
		height: 251px;
		margin: 2rem auto 3rem auto;
	}
	.lighthouse-video{
		background-image: url('../images/lighthouse-video.jpg');
		width: 450px;
		height: 251px;
		margin: 2rem auto 3rem auto;
	}
	.blue-star-cadet-video{
		background-image: url('../images/blue-star-cadet-video.jpg');
		width: 450px;
		height: 251px;
		margin: 2rem auto 3rem auto;
	}
	.candles-video{
		background-image: url('../images/candles-video.jpg');
		width: 450px;
		height: 251px;
		margin: 2rem auto 3rem auto;
	}
}





/*--------------------------------------------------------------
# Section - Contact
--------------------------------------------------------------*/
	
.contact-pictures-box {
	margin: 4rem auto 3rem auto;
	text-align: center;
	width: 940px;
}
.contact-pictures-box-pictures {
	width: 940px;
	margin: 0 0 4px 0;
	display: flex;
}
.contact-pictures-box-picture-one {
	background-image: url('../images/shark-mask-sm.jpg');
	width: 346px;
	height: 329px;
	margin: 0 4px 0 0;
}
.contact-pictures-box-picture-two {
	background-image: url('../images/polar-bear-sm.jpg');
	width: 590px;
	height: 329px;
	margin: 0;
}
.contact-pictures-box-picture-three {
	background-image: url('../images/jack-sparkler-sm.jpg');
	width: 535px;
	height: 399px;
	margin: 0 4px 0 0;

}
.contact-pictures-box-picture-four {
	background-image: url('../images/darth-jack-sm.jpg');
	width: 400px;
	height: 399px;
	margin: 0;
}

.contact-text {
	text-align: center;
	font-size: 1.75rem;
	color: #6da9b8;
	margin: 3rem auto 1rem auto;
}
.contact-email {
	text-align: center;
	font-size: 2rem;
	margin: 1rem auto 3rem auto;
}
.contact-email a {
	color: #115c72;
}
.contact-email a:hover {
	color: #094455;
	text-decoration: underline;
}

@media only screen and (max-width: 949px) {
	
	.contact-pictures-box {
		margin: 3rem auto 2rem auto;
		text-align: center;
		width: 380px;
	}
	.contact-pictures-box-pictures {
		width: 380px;
		margin: 0 0 4px 0;
		text-align: center;
		display: flex;
  		flex-direction: column;
        align-items: center;
	}
	.contact-pictures-box-picture-one {
		background-image: url('../images/shark-mask-long.jpg');
		width: 380px;
		height: 114px;
		margin: 0 0 4px 0;
	}
	.contact-pictures-box-picture-two {
		background-image: url('../images/polar-bear-long.jpg');
		width: 380px;
		height: 163px;
		margin: 0;
	}
	.contact-pictures-box-picture-three {
		background-image: url('../images/jack-sparkler-long.jpg');
		width: 380px;
		height: 102px;
		margin: 0 0 4px 0;

	}
	.contact-pictures-box-picture-four {
		background-image: url('../images/darth-jack-long.jpg');
		width: 380px;
		height: 178px;
		margin: 0;
	}
	.contact-text {
		text-align: center;
		font-size: 1.25rem;
	}
	.contact-email {
		text-align: center;
		font-size: 1.5rem;
	}

}


/*--------------------------------------------------------------
# Lightbox
--------------------------------------------------------------*/

* {
  box-sizing: border-box;
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(17, 92, 114, 0.95);
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 80%;
  max-width: 1000px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

.prev {
	left: 0;
	border-radius: 3px 0 0 3px;
}


/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(17, 92, , 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: #115c72;
  padding: 5px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



/*--------------------------------------------------------------
# Section - Individual
--------------------------------------------------------------*/

.image-container {
	display: flex;
	justify-content: center;
	align-items: center;
}
.image-tgosss {
	background-image: url('../images/the-ghost-of-silver-snow-s-400.jpg');
	height: 400px;
	width: 400px;
}
.image-tgoss {
	background-image: url('../images/the-ghost-of-silver-snow-400.jpg');
	height: 400px;
	width: 400px;
}
.image-iisss {
	background-image: url('../images/is-it-still-snowing-s-400.jpg');
	height: 400px;
	width: 400px;
}
.image-iiss {
	background-image: url('../images/is-it-still-snowing-400.jpg');
	height: 400px;
	width: 400px;
}
.image-acbc {
	background-image: url('../images/a-clay-bear-christmas-400.jpg');
	height: 400px;
	width: 400px;
}
.image-amp {
	background-image: url('../images/at-moonrase-planets-400.jpg');
	height: 400px;
	width: 400px;
}
.image-sbms {
	background-image: url('../images/some-bright-moonrise-sessions-400.jpg');
	height: 400px;
	width: 400px;
}
.image-sbm {
	background-image: url('../images/some-bright-moonrise-400.jpg');
	height: 400px;
	width: 400px;
}
.image-css {
	background-image: url('../images/cemetery-singers-400.jpg');
	height: 400px;
	width: 400px;
}
.image-dss {
	background-image: url('../images/distant-storm-sessions-400.jpg');
	height: 400px;
	width: 400px;
}
.image-ds {
	background-image: url('../images/distant-storm-400.jpg');
	height: 400px;
	width: 400px;
}

@media only screen and (max-width: 768px) {
	.image-container {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 75px;
		margin-bottom: 75px;
	}
	.image-tgosss {
		background-image: url('../images/the-ghost-of-silver-snow-s-300.jpg');
		height: 300px;
		width: 300px;
	}
	.image-tgoss {
		background-image: url('../images/the-ghost-of-silver-snow-300.jpg');
		height: 300px;
		width: 300px;
	}
	.image-iisss {
		background-image: url('../images/is-it-still-snowing-s-300.jpg');
		height: 300px;
		width: 300px;
	}
	.image-iiss {
		background-image: url('../images/is-it-still-snowing-300.jpg');
		height: 300px;
		width: 300px;
	}
	.image-acbc {
		background-image: url('../images/a-clay-bear-christmas-300.jpg');
		height: 300px;
		width: 300px;
		}
	.image-amp {
		background-image: url('../images/at-moonrase-planets-300.jpg');
		height: 300px;
		width: 300px;
	}
	.image-sbms {
	background-image: url('../images/some-bright-moonrise-sessions-300.jpg');
	height: 300px;
	width: 300px;
	}
	.image-sbm {
	background-image: url('../images/some-bright-moonrise-300.jpg');
	height: 300px;
	width: 300px;
	}
	.image-css {
	background-image: url('../images/cemetery-singers-300.jpg');
	height: 300px;
	width: 300px;
}
	.image-dss {
	background-image: url('../images/distant-storm-sessions-300.jpg');
	height: 300px;
	width: 300px;
	}
	.image-ds {
	background-image: url('../images/distant-storm-300.jpg');
	height: 300px;
	width: 300px;
	}
}




.songs {
	font-family: 'times new roman' sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
}

.songs-tgosss {
	color: #302921;
}
.songs-tgoss {
	color: #5f5f5f;
}
.songs-iisss {
	color: #422807;
}
.songs-iiss {
	color: #3f4267;
}
.songs-acbc {
	color: #fefefe;
}
.songs-amp {
	color:#e2e1dc;
}
.songs-sbms {
	color: #daa698;
}
.songs-sbm {
	color: #f6f6ee;
}
.songs-dss {
	color: #403430;
}
.songs-ds {
	color: #ffffff;
}
.songs-container {
	width: 800px;
}

.tr-odd-tgosss {
	background-color: #5e6e7a;
}
.tr-odd {
	background-color: #aecdc7;
}
.tr-odd-iisss {
	background-color: #bea791;
}
.tr-odd2 {
	background-color: #8d99b7;
}
.tr-acbc {
	background-color: #1b568c;
}
.tr-amp{
	background-color: #7592b2;
}
.tr-sbms {
	background-color: #6a706e;
}
.tr-sbm {
	background-color: #383431;
}
.tr-css {
	background-color: #e7b63c;
}
.tr-dss {
	background-color: #c2d6bb;
}
.tr-ds {
	background-color: #881b1b;
}
.table-play {
	font-size: 1.5rem;
	font-weight: normal;
	width: 50px;
	text-align: center;
	height: 35px;
}
.table-number {
	font-size: 1.5rem;
	font-weight: normal;
	width: 75px;
	text-align: center;
	height: 35px;
}
.table-name {
	font-size: 1.5rem;
	font-weight: normal;
	width: 500px;
	text-align: center;
	height: 35px;
}
.table-download {
	font-size: 1.5rem;
	font-weight: normal;
	width: 50px;
	text-align: center;
	height: 35px;
}
.table-download a {
	font-size: 1.5rem;
	font-weight: normal;
	text-decoration: none;
}
.table-download a:hover {
	font-size: 1.5rem;
	font-weight: normal;
	text-decoration: underline;
}
.table-lyrics {
	font-size: 1.5rem;
	font-weight: normal;
	width: 50px;
	text-align: center;
	height: 35px;
}
.table-lyrics a {
	font-size: 1.5rem;
	font-weight: normal;
	text-decoration: none;
}
.table-lyrics a:hover {
	font-size: 1.5rem;
	font-weight: normal;
	text-decoration: underline;
}

@media only screen and (max-width: 768px) {
	.songs-container {
		width: 600px;
	}
	.table-play {
		font-size: .9rem;
		font-weight: normal;
		width: 50px;
		text-align: center;
		height: 35px;
	}
	.table-number {
		font-size: .9rem;
		font-weight: normal;
		width: 50px;
		text-align: center;
		height: 35px;
	}
	.table-name {
		font-size: .9rem;
		font-weight: normal;
		width: 400px;
		text-align: center;
		height: 35px;
	}
	.table-download {
		font-size: .8rem;
		font-weight: normal;
		width: 100px;
		text-align: center;
		height: 35px;
	}
	.table-download a {
		font-size: .8rem;
		font-weight: normal;
		text-decoration: none;
	}
	.table-download a:hover {
		font-size: .8rem;
		font-weight: normal;
		text-decoration: underline;
	}
	.table-lyrics {
		font-size: .8rem;
		font-weight: normal;
		width: 50px;
		text-align: center;
		height: 30px;
	}
	.table-lyrics a {
		font-size: .8rem;
		font-weight: normal;
		text-decoration: none;
	}
	.table-lyrics a:hover {
		font-size: .8rem;
		font-weight: normal;
		text-decoration: underline;
	}		
}
@media only screen and (max-width: 600px) {
	.songs-container {
		width: 100%;
	}
	.table-play {
		font-size: .8rem;
		font-weight: normal;
		width: 10%;
		text-align: center;
		height: 25px;
	}
	.table-number {
		font-size: .9rem;
		font-weight: normal;
		width: 10%;
		text-align: center;
		height: 25px;
	}
	.table-name {
		font-size: .9rem;
		font-weight: normal;
		width: 40%;
		text-align: center;
		height: 25px;
	}
	.table-download {
		font-size: .8rem;
		font-weight: normal;
		width: 10%;
		text-align: center;
		height: 25px;
	}
	.table-download a {
		font-size: .8rem;
		font-weight: normal;
		text-decoration: none;
	}
	.table-download a:hover {
		font-size: .8rem;
		font-weight: normal;
		text-decoration: underline;
	}
	.table-lyrics {
		font-size: .8rem;
		font-weight: normal;
		width: 10%;
		text-align: center;
		height: 25px;
	}
	.table-lyrics a {
		font-size: .8rem;
		font-weight: normal;
		text-decoration: none;
	}
	.table-lyrics a:hover {
		font-size: .8rem;
		font-weight: normal;
		text-decoration: underline;
	}	
}


/*--------------------------------------------------------------
# w3 Stuff
--------------------------------------------------------------*/

.w3-container:after,.w3-container:before{
	content:"";
	display:table;
	clear:both
}
.w3-container{
	padding:10px 16px,
}
.w3-btn,.w3-button{
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space:nowrap
}
.w3-btn:hover,.w3-button:hover{
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),
	0 6px 20px 0 rgba(0,0,0,0.19)
}
.w3-modal{
	z-index:3;
	display:none;
	padding-top:100px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.4);
	font-size: 1.2rem;
	text-align: left;
}
.w3-modal-iiss{
	background-color:rgb(152,162,187);
	background-color:rgba(152,162,187,0.7)
}
.w3-modal-tgoss{
	background-color:rgb(81,115,107);
	background-color:rgba(81,115,107,0.7)
}
.w3-modal-acbc{
	background-color:rgb(11,63,112);
	background-color:rgba(11,63,112,0.7)
}
.w3-modal-amp{
	background-color:rgb(107,138,174);
	background-color:rgba(107,138,174,0.7)
}
.w3-modal-sbms{
	background-color:rgb(11,63,112);
	background-color:rgba(11,63,112,0.7)
}
.w3-modal-sbm{
	background-color:rgb(56,52,49);
	background-color:rgba(56,52,49,0.7)
}
.w3-modal-css{
	background-color:rgb(56,52,49);
	background-color:rgba(56,52,49,0.7)
}
.w3-modal-ds{
	background-color:rgb(100,7,7);
	background-color:rgba(100,7,7,0.7)
}
.w3-modal-content{
	margin:auto;
	background-color:#fff;
	position:relative;
	padding:50px 10px 30px 20px;
	outline:0;
	width:600px
}
.w3-modal-content-iiss {
	background-color: #d8e5f5;
}
.w3-modal-content-tgoss {
	background-color: #e0ebe8;
}
.w3-modal-content-acbc {
	background-color: #0e304f;
}
.w3-modal-content-amp {
	background-color: #547294;
}
.w3-modal-content-sbms {
	background-color: #0e304f;
}
.w3-modal-content-sbm {
	background-color: #4f4944;
}
.w3-modal-content-css {
	background-color: #d59b0d;
}
.w3-modal-content-ds {
	background-color: #661414;
}
@media (max-width:768px){
	.w3-modal-content{
		width:500px
	}
	.w3-modal{
		padding-top:50px
	}
}
@media (min-width:993px){
	.w3-modal-content{
		width:900px
	}
	.w3-hide-large{
		display:none!important
	}.w3-sidebar.w3-collapse{
		display:block!important
	}
}
@media (max-width:600px){
	.w3-modal-content{
		margin:0 10px;
		width:auto!important
	}
	.w3-modal{
		padding-top:30px;
		font-size: .8rem;
	}
	.indy-title {
		font-size: 1rem;
		font-weight: bold;
		padding: 0 0 15px 0;
	}
}	
.w3-btn,.w3-button{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.w3-display-topright{
	position:absolute;
	right:0;
	top:0
}
.indy-title {
	font-size: 1.3rem;
	font-weight: bold;
	padding: 0 0 20px 0;
}

.indy-writer-acbc {
	font-size: .8rem;
	font-style: italic;
	padding: 10px 0 20px 0;
	color: #a8adb2;
}

/*--------------------------------------------------------------
# Audio
--------------------------------------------------------------*/
.audiojs-w {
	background: #484848;
	bottom: 0;
	display: flex;
	height: 36px;
	left: 0;
	position: fixed;
	right: 0;
	z-index: 1000;
}
.audiojs-w .btn {
    float: left;
    height: 36px;
    line-height: 36px;
}

.audiojs-w .btn:first-child {
    padding-left: 15px;
}

.audiojs-w .now-playing {
    color: #fff;
    flex-grow: 1;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding-left: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Source Code Pro', monospace;
}

.audiojs-w .audiojs {
    display: flex;
}

.audiojs-w .audiojs .play-pause {
    width: 40px;
}

@media (max-width: 575px) {
    .audiojs-w #volumeInput {
        display: none;
    }

    .audiojs-w .audiojs .scrubber {
        display: none;
    }
}
.btn-play-prev, .btn-play-next {
	color: #fff;
}
.play-pause p{
	text-align: left;
}
input#volumeInput {
	color: #222;
}

.tracks.table {
    border: dashed 1px #ccc;
    width: 100%;
}

.tracks.table th {
    text-align: left;
    border-bottom: dashed 1px #ccc;
}

.tracks.table th, .tracks.table td {
    padding: 2px 4px;
}

.tracks.table tr:nth-child(even) td {
    background-color: #fafafa;
}


/*--------------------------------------------------------------
# Section - Also Available At
--------------------------------------------------------------*/

h4 {
	font-family: Noto Serif;
	color: #5d5d5d;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	padding-top: 3rem;
	padding-bottom: 2rem;
}
.acbc-h4 {
	color: #535353;
}
.amp-h4 {
	color: #d5dde6;
}
.sbm-h4 {
	color: #222121;
}
.css-h4 {
	color: rgba(13, 10, 2, .85);
}
.ds-h4 {
	color: rgba(240, 226, 226, .85);
}

.snow-bg-top {
	background-image: url('../images/snow-bg-before.png');
	align-items: center;
	height: 20px;
}

.snow-bg {
	background: #ffffff;
}
.sbm-change {	
	background-color: #cccccc;
  background-image: linear-gradient(#34302d, #645a53);
}

.centered {
	display: flex;
	justify-content: center;
	align-items: center;
}

ul.music-apps {
	margin: 10px auto 0;
	padding: 0;
	float: none;
	list-style: none;
	text-align: center;
	display: flex;
  justify-content:space-between;
}
ul.music-apps li {
	margin-right: 10px;
}
ul.music-apps li .last {
	margin-right: 0;
}


@media only screen and (max-width: 768px) {
	h4 {
		font-family: Noto Serif;
		color: #222;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.33rem;
		padding-top: 80px;
	padding-bottom: 30px;
	}

	ul.music-apps {
		margin: 10px auto 0;
		padding: 0;
		float: none;
		list-style: none;
		text-align: center;
		display: flex;
  		flex-direction: column;
        align-items: center;
}
	ul.music-apps li {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
	ul.music-apps li .last {
		margin-bottom: 0;
	}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer {
	text-align: center;
	padding-top: 3rem;
	padding-bottom: 3rem;
	font-family: Noto Serif;
	font-size: .75rem;
}

footer .row .column {width: 100%}

footer .row .left .mountain-goat {
		background-image: url('../images/mountain-goat-200.png');
		width: 1px;
		height: 1px;
		margin: 0 auto;
		text-indent: -9999px;
	}
footer .row .right .elk-shed-records {
	background-image: url('../images/elk-shed-records-200.png');
		width: 1px;
		height: 1px;
		margin: 0 auto;
		text-indent: -9999px;
	}
.footer-main {
	color: #8f8f8f;
	background-color: #c5e6ff;
}


.footer-tgosss {
	color: rgba(37, 47, 54, .65);
	background: #4f6271;
}
.footer-tgoss {
	color: rgba(95, 95, 95, .65);
	background-color: #a7c8c1;
}

.footer-iisss {
	color: rgba(66, 40, 7, .65);
	background: #c2b09e;
}
.footer-iiss{
	color: rgba(63, 66, 103, .65);
	background: #98a2bb;
}
.iiss-h4 {
	color: rgba(63, 66, 103, .65);
}
.footer-acbc{
	color: rgba(112, 147, 180, .65);
	background-color: #ffffff;
}
.footer-acbc-background{
	background-color: #fff;
}
.footer-amp {
	color: rgba(213, 221, 230, .65);
	background: #819dbd;
}
.footer-sbms{
	color: rgba(218, 166, 152, .65);
	background: #4f5553;
}
.footer-sbm{
	color: rgba(52, 48, 45, .65);
	background-color: #645a53;
}
.footer-css {
	color: rgba(13, 10, 2, .65);
	background: #d7a529;
}
.footer-dss {
	color: rgba(64, 52, 48, .65);
	background: #add2a1;
}
.footer-ds {
	color: rgba(240, 226, 226, .65);
	background: #992828;
}

@media only screen and (min-width: 695px) { 

	footer {
		font-size: .85rem;
		background-color: #c5e6ff;
	}
	footer .row .column {width: 33.33%}

	footer .row .left .mountain-goat {
		background-image: url('../images/mountain-goat-200.png');
		width: 184px;
		height: 200px;
		margin: 0 auto;
		text-indent: -9999px;
	}
	footer .row .right .elk-shed-records {
		background-image: url('../images/elk-shed-records-200.png');
		width: 172px;
		height: 200px;
		margin: 0 auto;
		text-indent: -9999px;
	}

}