/* ==========================================================================
		
		DAWN XIANA MOON 2017
		Author: Dawn L. Low
   
		Built on HTML5 Boilerplate 
	
========================================================================== */

/* ============================
  	Base Styles
============================ */

html {
    font-size: 1em;
    line-height: 1.4;
    color: #e5e5d0;
}

body {
	font:  300 1.1em/1.9em 'Lato', sans-serif;
	color: #e5e5d0;
	background: #0d0d0d; 
}   

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ffffcc;
    margin: 3em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

a { 
	color: #ffffcc; 
	font-weight: 400;
	text-decoration: none;
    transition: all 0.2s ease;
}
		
a:hover {
	color: #caca9f;
}

a:active { 
	color: #caca9f; 
}	

h1 {
	font: 300 1.5em 'Lato', sans-serif;
    text-align: center;
    color: #c0ab65;
}

h1:before, h1:after {
	content: " - ";
	font-size: .6em;
}

h2 {
	margin-top: 0;
    font: 300 1.6em/1.4em 'Cardo', serif;
}

h3 {
	font-weight: 300;
	font-family: "Cardo", serif;
}

h4 {
	font-weight: 400
}

h5 {
	font-weight: 400;
	font-size: 1.1em;
	margin: 0;
}

blockquote {
	margin-left: 2em;
}

img {
	max-width: 100%;
}

p strong {
	font-weight: 500;
}

.bigger {
	font-size: 130%
}

.emphasis {
	font: 300 1.3em/1.8em "Cardo", sans-serif
}

.emphasis a {
	color: #b5b58f
}

.emphasis a:hover { 
	color: #ffffcc; 
}

.center {
	margin: 0 auto;
	text-align: center
}

.overlay {
	background: rgba(0,0,0,.4);
}

.typography {
	text-align: center;
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 3em;
	font-size: 1.1em;
}

.small {
	font-size: .8em;
    line-height: 1.5em;
}

.press-source {
	margin: -1em 0 1em 1.5em;
}

.center .press-source {
	margin-left: 0
}

/* ============================
  	Grid
============================ */

.wrapper {
	max-width: 2000px;
	width: 100%;
	margin: 0 auto;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	width: 84%;
	position: relative;
} 

.row {
	display: table
}

.half {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.third {
	width: 33%;
	float: left;
	box-sizing: border-box;
}

.two-thirds {
	width: 66%;
	float: left;
	box-sizing: border-box;
}

section {
    padding: 3em 8% 4em;
}

article {
	max-width: 700px;
	width: 100%;
	display: block;
	margin: 0 auto;	
}

.constrain {
	max-width: 700px;
	margin: 0 auto;
	padding-top: 0;
}

/* ============================
  	Forms and Buttons
============================ */

button,
input,
select,
textarea {
	color: #000;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

label {
	font-size: 1.2em;
	margin-right: .5em;
}

input {
	padding: .4em 1em;
	background: #ffffcc;
	border: 1px solid;
	border-radius: 3px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-weight: 300;
}
::-moz-placeholder { /* Firefox 19+ */
	font-weight: 300;
}
:-ms-input-placeholder { /* IE 10+ */
	font-weight: 300;
}
:-moz-placeholder { /* Firefox 18- */
	font-weight: 300;
}

/* Transparent Button - Default */

.button {							
	border: 1px solid #ffffcc;
    padding: .5em 1em;
    border-radius: 3px;
    background: transparent;
    color: #ffffcc;
    font-weight: 600;
}

.button:hover {
    background: #ffffcc;
    color: #000;
}

/* Solid Button */

.button.solid {						
    background: #ffffcc;
    color: #000;
    font-weight: 600;
}

.button.solid:hover {
	background: transparent;
	color: #ffffcc
}

/* ====================================
  	Backgrounds - see media queries
====================================== */

.parallax {
    min-height: 50vh;
}

/* ============================
  	Header
============================ */

header {
	padding: 0 0 2em 0;
}

#menu-button, .mobile-logo {
	display: none;
}

nav {
	display: block;
	padding: 1em 0;
}

nav .logo {
	max-width: 360px;
    margin: 1em auto 0;
}

nav .logo img {
	background: url(../images/logo-background-small.png) top center no-repeat;
    background-size: auto 120%;
    transition: all 0.2s ease;
}     

nav .logo img:hover {
	opacity: .8;
} 

nav ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
    text-align: center;
    display: block;
    margin: 0;
    font:  1.1em/1.4em 'Cardo', serif;
}

nav ul li {
    display: inline-block;
    position: relative;
    padding: 6px 15px;
    margin-right: 1.2em;
}

nav ul li:last-of-type {
	margin-right: 0;
}

nav ul li a {
	color: #e4e4a8;
}

nav ul li a:hover {
	color: #fefedd
}   

/* Sidr Overrides */

.sidr {
	font: 300 1em 'Lato', sans-serif;
	background: #231812;
	box-shadow: none;
}

.sidr .sidr-inner {
    padding: 2.5em 1.5em
}

.sidr ul {
	border: 0;
	margin: 1em 0 0 0;
}

.sidr ul li {
	border: 0;
}

.sidr ul li a, .sidr ul li span {
    color: #ffffcc;
    padding: 0 0 0 5%;
}

.sidr ul li:hover, 
.sidr ul li.active, 
.sidr ul li.sidr-class-active {
    line-height: 48px;
}

.sidr ul li:hover > a, 
.sidr ul li:hover > span, 
.sidr ul li.active > a, 
.sidr ul li.active > span, 
.sidr ul li.sidr-class-active > a, 
.sidr ul li.sidr-class-active > span {
	box-shadow: none;
	color: #caca9f;
}

header h1 {
	margin: -.5em auto 0 auto;
}

/* ============================
   Homepage
============================ */

#index section {
	margin: 2em 0;
	padding: 2em 0;
	border-top: 1px solid #ffffcc; 
}

#index section:first-of-type {
	border: 0;
}

#index h1:before,
#index h1:after {
	content: none;
}

#index h1 {
	font-size: 1.2em
}

#music-video {
	max-width: 800px;
	margin: 2em auto 0;
}

.album-info .half:first-of-type {
	text-align: center;
}

.mailchimp h2 {
	text-align: center;
}

.mailchimp form {
	text-align: center
}

.mailchimp label {
	display: inline-block;
	width: 30%;
	text-align: right;
}

.mailchimp input[type="email"],
.mailchimp input[type="text"] {
	display: inline-block;
	width: calc(40% - 1em);
	margin: 0 10% 1em 1em;
	box-sizing: border-box;
	font-weight: 400;
}

.mailchimp .indicates-required {
	text-align: right;
	margin-bottom: 2em;
	font-size: .8em
}

.mailchimp .button {
	margin-top: 1em;
	width: auto;
}

.parallax.bottom {
	min-height: 70vh
}

#index footer {
	border: 0;
}

/* ============================
   Lyrics
============================ */	

.lyric-container {
	max-width: 900px;
	margin: auto;
}

.lyric-container .half {
	padding-left: 12%
}

.lyric-container ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

.lyric-container ul a {
	color: #caca9f;
}

.lyric-container ul a:hover {
	color: #ffffcc;
}

/* Lyrics Individual Texts */

section.lyrics-text {
	border-top: 1px solid #ffffcc;
	text-align: center
}

.lyrics-text h2 {
	margin-bottom: 0
}

.lyrics-text h3 {
	margin-top: 0;
	font-style: italic;
	font-family: "Lato", sans-serif;
}

.lyrics-text p {
	margin-top: 2em;
}

/* ============================
   Music
============================ */	

/* Spaces Between */

.album-info {
	padding: 1em 0;
}

.credits {
	text-align: center;
	padding-bottom: 2em
}

#music #music-video {
	max-width: 800px;
	margin: 2em auto 4em;
}

/* Other Recordings */

.discography {
	border-top: 1px solid;
    padding: 2em 0 3em
}

.discography h2 {
	text-align: center;
	margin-bottom: 2em;
}

.discography .row .third:first-of-type {
	padding-right: 2%;
}

.discography .row .third:nth-child(2) {
	padding: 0 1%;
}

.discography .row .third:last-of-type {
	padding-left: 2%;
}

/* ============================
   Shows
============================ */	

.concerts {
	margin-bottom: 3em;
}

.concert-info-js {
	padding: 1em;
	border-bottom: 1px solid #444;
}

.concert-info-js:hover {
	cursor: pointer;
	background: rgba(0,0,0,.3);
	color: #caca9f;
	transition: all 0.2s ease;
}

.concert-info-js .info {
	display: inline-block;
	box-sizing: border-box;
	font-size: 1.15em;
	vertical-align: top;
}

.date {
	width: 25%;
	padding-right: 3%;
}

.venue {
	width: 48%;
	padding-right: 3%;
}

.city {
	width: calc(25% - 20px);
	padding-right: 3%;
	font-weight: 400
}

.more {
	width: 20px;
	text-align: right;
}

.info .month, .info .venue-name {
	font-weight: 400
}

.info .day, .info .address {
	font-size: .9em;
}

.info.more .fa-caret-up {
	display: none;
}

.concert-info-js.open .info.more .fa-caret-up {
	display: block;
	margin-top: .3em;
}

.concert-info-js.open .info.more .fa-caret-down {
	display: none;
}

.concert-details-js {
	display: none;
	padding: 1em 1em 1em 26.4%;
	border-bottom: 1px solid #ffffcc;
}

/* ============================
   Press Kit
============================ */	

#presskit section:not(:last-of-type) {
	border-bottom: 1px solid #ffffcc;
}

#presskit section h2 {
	text-align: center;
	margin-bottom: 2em
}

/* Bio */

.pk-bio .center {
	margin-top: 2em;
}

/* Photos */

.pk-photos a {
	font-weight: 300;
}

.pk-photos a:hover {
	opacity: .7;
}

/* Press */

.pk-press .press-links {
	margin-top: 2em;
	text-align: center;
	list-style: none;
	padding-left: 0;
}

/* Venues */

.pk-venues h3 {
	font-weight: 400;
}

.pk-venues h3:before,
.pk-venues h3:after {
	content: " - "
}

.pk-venues  ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.pk-venues ul ul {
	margin-left: 1em
}

/* Requirements */

.pk-requirements .center {
	margin-top: 2em;
}

/* ===============================
   Amplitude Player Overrides
================================= */	

div#amplitude-player {
	background: transparent;
	margin-bottom: 0
}

div#amplitude-left div#player-left-bottom div#time-container .current-time,
div#amplitude-left div#player-left-bottom div#time-container .duration {
    color: #e5e5d0;
    font-size: 1em;
	font-weight: 400;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 4%;
    float: none
}    

div#amplitude-left {
	border: 0;
}

div#volume-container {
    float: left;
    padding-top: 20px;
    width: 20%;
}

div.amplitude-mute {
    cursor: pointer;
    width: 25px;
    height: 19px;
    float: left;
}

div#amplitude-left input[type=range] {
    -webkit-appearance: none;
    width: 52%;
    margin: 0;
    box-sizing: border-box;
    display: inline-block;
    float: none;
    vertical-align: middle;
}

div#amplitude-left input[type=range].amplitude-volume-slider {
    width: calc(70% - 40px);
    float: left;
    margin-left: 10px;
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    vertical-align: middle;
    margin-top: .5em;
}

.firefox div#amplitude-left input[type=range].amplitude-volume-slider {
    margin-top: -.1em;
}

div.amplitude-mute.amplitude-not-muted {
    background: url(/js/vendor/amplitudejs/img/volume.svg);
    background-repeat: no-repeat;
}

div.amplitude-mute.amplitude-muted {
    background: url(/js/vendor/amplitudejs/img/mute.svg);
    background-repeat: no-repeat;
}   

div#amplitude-right {
    overflow-y: auto;
}

div#amplitude-right	div.song div.song-meta-data span.song-title,
div#amplitude-right	div.song span.song-duration {
	color: #caca9f;
	font-size: 1em;
}

div#amplitude-right	div.song {
    padding: .3em;
    line-height: 2.5em;
    transition: all 0.2s ease;
}    

div#amplitude-right	div.song:hover {
    background: rgba(0,0,0,.4)
}  

div#amplitude-left div#player-left-bottom {
    background: rgba(0,0,0,.4);
}

div#amplitude-right	div.song div.song-now-playing-icon-container {
	margin-right: 20px;
	margin-top: -4px;
}

div#amplitude-left div#player-left-bottom div#meta-container span.song-name {
    font-family: 'Lato', sans-serif;
    color: #e5e5d0;
    margin-top: .8em;
}

/* ============================
   Writing
============================ */	

#writing section:not(:last-of-type) {
	border-bottom: 1px solid #ffffcc;
}

#writing section h2 {
	text-align: center;
	margin-bottom: 2em
}

#writing section .center {
	margin-top: 2em;
}

#writing article:not(:last-of-type) {
	margin-bottom: 3em;
	border-bottom: 1px solid #ffffcc;
	padding-bottom: 3em;
}

#writing article h3 {
	text-align: center;
}

#writing article h4 {
	margin-top: -1.5em;
	text-align: center;
}

/* ============================
   Footer
============================ */

footer {
	border-top: 1px solid;
	padding: 2em 8% 3em;
	font: 300 .95em "Lato", sans-serif;
}

footer .social ul {
	margin: 0;
	padding: 0;
}

footer .social ul li {
    display: inline-block;
    position: relative;
    padding: 6px 5px;
} 

footer .social a {
	color: #e5e5d0;
}

footer .social a:hover {
	color: #caca9f
}

footer .social .fa-inverse {
	color: #2F100E;
}

.copyright {
    float: right;
    margin-right: 0;
    text-align: right
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */

@media only screen and (min-width: 921px) {            /* Display desktop backgrounds and images (saves mobile load time) */

    img.desktop {
        display:block;
        width: 100%;
    }

    img.mobile {
        display:none;
    }

    /* Main Backgrounds */

    #music {
		background: url("../images/backgrounds/with-dave-blur.jpg") top center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#index {
		background: url("../images/backgrounds/dawn-keys-blur.jpg") top center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#bio, #credits {
		background: url("../images/backgrounds/dawn-guitar-blur.jpg") top center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#shows {
		background: url("../images/backgrounds/with-michi-blur.jpg") top center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#lyrics {
		background: url("../images/backgrounds/guitar-band-blur.jpg") top center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#writing {
		background: url("../images/backgrounds/empty-blur.jpg") top center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#presskit {
		background: url("../images/backgrounds/band-blur.jpg") top right no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	/* Parallax */

	.music {
		background: url("../images/backgrounds/with-dave.jpg") top right no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}

	.index {
		background: url("../images/backgrounds/dawn-keys.jpg") top center no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}

	.bio {
		background: url("../images/backgrounds/dawn-guitar.jpg") top center no-repeat;
		background-attachment: fixed;
		background-size: cover;
	} 

	.shows {
		background: url("../images/backgrounds/with-michi.jpg") top left no-repeat;
		background-attachment: fixed;
		background-size: cover;
	} 

	.lyrics {
		background: url("../images/backgrounds/guitar-band.jpg") top center no-repeat;
		background-attachment: fixed;
	    background-size: cover;
	} 

	.writing {
		background: url("../images/backgrounds/empty.jpg") top center no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}

	.presskit {
		background: url("../images/backgrounds/band.jpg") top right no-repeat;
		background-attachment: fixed;
	    background-size: cover;
	} 
}

@media only screen and (max-width:1060px) {

	.album-info img {
		max-width: 90%;
	}

}	

@media only screen and (max-width:1024px) and (max-height: 1370px)  {				/* iPad Pro */

	.parallax.bottom {
		min-height: 90vh
	}

	/* Main Backgrounds - REPLACE WITH TABLET VERSIONS */

	#music {
		background: url("../images/backgrounds/with-dave-blur.jpg") top center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#index {
		background: url("../images/backgrounds/dawn-keys-blur.jpg") top right no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#bio, #credits {
		background: url("../images/backgrounds/dawn-guitar-blur.jpg") center left no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#shows {
		background: url("../images/backgrounds/with-michi-blur.jpg") top left no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#lyrics {
		background: url("../images/backgrounds/guitar-band-blur.jpg") top center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#writing {
		background: url("../images/backgrounds/empty-blur.jpg") top center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#presskit {
		background: url("../images/backgrounds/band-blur.jpg") top right no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	 /* Parallax - REPLACE WITH TABLET VERSIONS */

	.index {
		background: url("../images/backgrounds/dawn-keys.jpg") top right no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}

	.music {
		background: url("../images/backgrounds/with-dave.jpg") top center no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}

	.bio {
		background: url("../images/backgrounds/dawn-guitar.jpg") center left no-repeat;
		background-attachment: fixed;
		background-size: cover;
	} 

	.shows {
		background: url("../images/backgrounds/with-michi.jpg") top left no-repeat;
		background-attachment: fixed;
		background-size: cover;
	} 

	.lyrics {
		background: url("../images/backgrounds/guitar-band.jpg") top center no-repeat;
		background-attachment: fixed;
	    background-size: cover;
	} 

	.writing {
		background: url("../images/backgrounds/empty.jpg") center left no-repeat;
		background-attachment: fixed;
		background-size: cover;
	} 

	.presskit {
		background: url("../images/backgrounds/band.jpg") top right no-repeat;
		background-attachment: fixed;
	    background-size: cover;
	} 
}

@media only screen and (max-width: 920px) {            /* Primary tablet breakpoint */

	body {
		font-size: 1em
	}

	.container {
	    width: 90%;
	}

	section {
		padding: 3em 0;
	}

	article, .constrain {
		max-width: 600px
	}

    /* Header */ 

    header {
	    max-width: 90%;
	    margin: 0 auto;
	}

    #menu-button {
        display: block;
        float: right;
    }

    #menu-button .fa-bars {
        font-size: 1.8em;
        vertical-align: top;
        margin-top: 1em;
    }

    #navigation {
    	display: none;
    }

    #index h1 {
	    font-size: 1.1em;
	}

	header h1 {
		font-size: 1.4em;
	}

    /* Sections */

    .parallax {
	    min-height: 35vh;
	}

	.parallax.bottom {
	    min-height: 80vh;
	}

	.ios .parallax.bottom {
	    min-height: 0;
	}

	.lyric-container .half {
	    padding-left: 7%;
	}

	.pk-photos img {
		max-width: 90%;
    	height: auto;
	}

	.mailchimp input[type="email"], 
	.mailchimp input[type="text"] {
	    width: 50%;
	}

	/* Main Backgrounds - REPLACE WITH TABLET VERSIONS */

/*	#music {
		background: url("../images/backgrounds/with-dave-blur.jpg") top center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#index {
		background: url("../images/backgrounds/dawn-keys-blur.jpg") top right no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#bio, #credits {
		background: url("../images/backgrounds/dawn-guitar-blur.jpg") top center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#shows {
		background: url("../images/backgrounds/with-michi-blur.jpg") top left no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#lyrics {
		background: url("../images/backgrounds/guitar-band-blur.jpg") top center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	#presskit {
		background: url("../images/backgrounds/band-blur.jpg") top right no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}*/

	/* Parallax - REPLACE WITH TABLET VERSIONS */

/*	.index {
		background: url("../images/backgrounds/dawn-keys.jpg") top right no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}

	.music {
		background: url("../images/backgrounds/with-dave.jpg") top center no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}

	.bio {
		background: url("../images/backgrounds/dawn-guitar.jpg") top center no-repeat;
		background-attachment: fixed;
		background-size: cover;
	} 

	.shows {
		background: url("../images/backgrounds/with-michi.jpg") top left no-repeat;
		background-attachment: fixed;
		background-size: cover;
	} 

	.lyrics {
		background: url("../images/backgrounds/guitar-band.jpg") top center no-repeat;
		background-attachment: fixed;
	    background-size: cover;
	} 

	.presskit {
		background: url("../images/backgrounds/band.jpg") top right no-repeat;
		background-attachment: fixed;
	    background-size: cover;
	} */

    /* Footer */

    footer {
        padding: 2em 5% 3em;
    }

    footer .half {
    	float: none;
    	text-align: center;
    	width: 100%
    }

    footer .half:nth-of-type(2) {
    	margin-top: 1em;
    }

    footer .copyright {
        float: none;
    }

}    

@media only screen and (max-width: 600px) {  		/* Primary mobile breakpoint */

	.container {
		max-width: 84%;
	}

	.half, .third {
		width: 100%;
	}

	.half:nth-of-type(2) {
		margin-top: 2em
	}

	.third:nth-of-type(2) {
		margin-top: 3em
	}

	.third:nth-of-type(3) {
		margin-top: 3em
	}

	h2 {
		text-align: center
	}

	p.bigger {
	    font-size: 1.2em;
	    line-height: 1.6em;
	}

	.typography {
	    font-size: 1em;
	    margin-bottom: 2em;
	}

	.press-source {
	    font-size: .9em;
	}

	.button {
		display: block;
	    margin: 0 auto;
	    width: 30%;
	    text-align: center;
	    padding: .2rem .8rem;
	    min-width: 130px;
	}

	/* Header */

	header {
		padding-bottom: .5em;
	}

	#menu-button .fa-bars {
		margin-top: .3em
	}

	nav .logo {
		max-width: 300px;
	}

	#index h1, header h1 {
		margin-bottom: 1em;
	}

	#music-video {
		margin: 1em auto;
	}

	#music #music-video {
		margin: 1em auto 4em;
	}

	/* Main Backgrounds */

	#music {
		background: url("../images/backgrounds/with-dave-blur-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	}

	#index {
		background: url("../images/backgrounds/dawn-keys-blur-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	}

	#bio, #credits {
		background: url("../images/backgrounds/dawn-guitar-blur-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	}

	#shows {
		background: url("../images/backgrounds/with-michi-blur-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	}

	#lyrics {
		background: url("../images/backgrounds/guitar-band-blur-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	}

	#writing {
		background: url("../images/backgrounds/empty-blur-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	}

	#presskit {
		background: url("../images/backgrounds/band-blur-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	}

	/* Parallax */

	.music {
		background: url("../images/backgrounds/with-dave-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	}

	.index {
		background: url("../images/backgrounds/dawn-keys-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	}

	.bio {
		background: url("../images/backgrounds/dawn-guitar-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	} 

	.shows {
		background: url("../images/backgrounds/with-michi-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	} 

	.lyrics {
		background: url("../images/backgrounds/guitar-band-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	} 

	.writing {
		background: url("../images/backgrounds/empty-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	}

	.presskit {
		background: url("../images/backgrounds/band-mobile.jpg") top center no-repeat;
		background-attachment: fixed;
	 
	} 

	/* Android Chrome Being Dumb */

	/*.android-chrome .music {
		background: url("../images/backgrounds/with-dave-mobile.jpg") top -180px center no-repeat;
		background-attachment: fixed;
	}

	.android-chrome .index {
		background: url("../images/backgrounds/dawn-keys-mobile.jpg") top -180px center no-repeat;
		background-attachment: fixed;
	}

	.android-chrome .bio {
		background: url("../images/backgrounds/dawn-guitar-mobile.jpg") top -180px center no-repeat;
		background-attachment: fixed;
	} 

	.android-chrome .shows {
		background: url("../images/backgrounds/with-michi-mobile.jpg") top -180px center no-repeat;
		background-attachment: fixed;
	} 

	.android-chrome .lyrics {
		background: url("../images/backgrounds/guitar-band-mobile.jpg") top -180px center no-repeat;
		background-attachment: fixed;
	} 

	.android-chrome .writing {
		background: url("../images/backgrounds/empty-mobile.jpg") top -180px center no-repeat;
		background-attachment: fixed;
	}

	.android-chrome .presskit {
		background: url("../images/backgrounds/band-mobile.jpg") top -180px center no-repeat;
		background-attachment: fixed;
	 
	} */

	/* Sections */

	.album .two-thirds {
	    padding-left: 0;
	}

	.quote {
		font-size: .7em;
	}

	#index section {
	    margin: 0;
	}

	.pk-photos img {
		max-width: 100%;
	}

	.album-info img {
		max-width: 100%;
	}

	#mc_embed_signup {
		margin-bottom: 2em;
	}

	.mailchimp .indicates-required {
	    margin-bottom: .5em;
	}

	.mailchimp label {
	    font-size: .9em;
	    width: 100%;
	    text-align: center;
	    display: block;
	}

	.mailchimp input[type="email"], .mailchimp input[type="text"] {
	    width: 90%;
	    display: block;
	    margin: 0 auto 1em auto;
	}

	.mailchimp .button {
		margin-top: 2em;
    	padding: .6em 1.2em;
		width: auto;
	}

	.lyric-container .half:nth-of-type(2),
	.pk-venues .half:nth-of-type(2) {
	    margin-top: 0;
	}

	.pk-photos {
		text-align: center
	}

	.pk-requirements .button {
	    width: 70%;
	}

	/* Shows */

	.concert-info-js {
		position: relative
	}

	.concert-info-js .info {
		width: 100%;
		position: relative;
		font-size: 1em;
	}

	.info .address {
	    display: none;
	}

	.info .day {
	    position: absolute;
	    right: 0;
	    top: 0;
	    font-style: italic; 
	}

	.info .month {
	    font-weight: 300;
	}

	.info.city {
	    font-weight: 300;
	}

	.info.more {
	    position: absolute;
	    bottom: .8em;
	    right: 1em;
	}

	.concert-details-js {
	    padding: 1.5em 1em;
	}

	/* Amplitude Player */

	div#amplitude-left {
	    font-size: .9em;
	}

	#amplitude-left #central-control-container {
		width: 38%;
    	margin-left: 6%;
	}

	#amplitude-left #central-controls {
	    width: 100%;
	}

	#amplitude-left #next, #amplitude-left #previous {
		width: 30px;
	    background-size: cover;
	    height: 30px;
	}    

	#amplitude-left #play-pause.amplitude-paused,
	#amplitude-left #play-pause.amplitude-playing,
	#amplitude-left #play-pause {
		width: 45px;
		height: 45px;
		background-size: cover;
	}

	#amplitude-left #repeat-container {
		margin-left: 10%;
		width: 10%;
	}

	div#volume-container {
	    width: 35%;
	}

	div#amplitude-left div#player-left-bottom div#meta-container span.song-name {
	    font-size: 1.15em;
	}

	div#amplitude-left input[type=range].amplitude-volume-slider {
	    width: 48%;
	}

}