@media only screen {

	html {
		margin-left: 0;
		margin-right: 0;
	}

	nav {
		display: none;
		font-size: 1.414rem;
		width: 100%;
	}

	.menuToggle {
		font-family: 'Playfair Display SC', serif;
		color: #a49063;
		text-transform: lowercase;
		text-align: center;
		font-size: 1.414rem;
		font-weight: bold;
		letter-spacing: 1pt;
		margin-bottom: 1rem;
		cursor: pointer;
		width: 100%;
		display: block;
	}
	.menuToggle a {
		padding-right: 1rem;
		background: transparent url(../images/caretDownGold.svg) no-repeat;
		background-size: auto 6px;
		background-position: right 60%;
	}

	section {
		overflow: visible;
		width: 100%;
		display: block;
		margin: 0 0 1.999rem 0;
		padding: 0;
	}
	article {
		overflow: visible;
		width: 100%;
		display: block;
		margin: 0 0 2.827rem 0;
		padding: 0;
	}

	img.album {
		margin-bottom: 1.414rem;
		border: 1px solid #a49063;
	}
	.tracklisting {
		margin: 0 0 1.414rem 0;
	}
	.tracklisting ol {}
		.tracklisting ol li {
			-webkit-column-break-inside: avoid;
			page-break-inside: avoid;
			break-inside: avoid;
			margin-bottom: 0.707rem;

		}

	/* Concerts */

	div.eventHeader {
		display: block;
		width: 100%;
		background: transparent url(../images/line_grey.svg) repeat-x;
		background-size: auto 6px;
		background-position: left bottom;
		margin: 0;
	}

	div.eventHeader span.eventName {
		color: #a8a7a5;
		display: block;
		padding: 0 0 0.354rem 0;
	}
		div.eventHeader time {
			color: #a8a7a5;
			display: block;
			font-size: 1rem;
			padding: 0;
		}
	p.eventDescription {
		clear: both;
		margin: 0;
	}

	/* Blog */
	article p.postSummary a.j-continue {
		font-style: normal;
		font-weight: normal;
		border: 0;
	}

	.logo {
		display: block;
		width: 100%;
		padding-bottom: 48.57%;
		background: transparent url(../images/logoGold.svg) no-repeat center;
		background-size: contain;
		margin-bottom: 1.414rem;
	}

	a:link.newer-entries, a:visited.newer-entries {
		float: right;
		font-family: 'Playfair Display SC', serif;
		text-transform: lowercase;
		letter-spacing: 1pt;
		padding: 0 0.707rem 0 0;
		margin-bottom: 1.414rem;
		background: transparent url(../images/caretRightGold.svg) no-repeat;
		background-size: auto 8px;
		background-position: right 60%;
		-webkit-transition: color 218ms ease-in-out;
		-moz-transition: color 218ms ease-in-out;
		-ms-transition: color 218ms ease-in-out;
		-o-transition: color 218ms ease-in-out;
		transition: color 218ms ease-in-out;
	}
		a:hover.newer-entries, a:active.newer-entries {
			color: #b2a17e;
			-webkit-transition: color 218ms ease-in-out;
			-moz-transition: color 218ms ease-in-out;
			-ms-transition: color 218ms ease-in-out;
			-o-transition: color 218ms ease-in-out;
			transition: color 218ms ease-in-out;
		}

	a:link.older-entries, a:visited.older-entries {
		float: left;
		font-family: 'Playfair Display SC', serif;
		text-transform: lowercase;
		letter-spacing: 1pt;
		padding: 0 0 0 0.707rem;
		margin-bottom: 1.414rem;
		background: transparent url(../images/caretLeftGold.svg) no-repeat;
		background-size: auto 8px;
		background-position: left 60%;
		-webkit-transition: color 218ms ease-in-out;
		-moz-transition: color 218ms ease-in-out;
		-ms-transition: color 218ms ease-in-out;
		-o-transition: color 218ms ease-in-out;
		transition: color 218ms ease-in-out;
	}
		a:hover.older-entries, a:active.older-entries {
			color: #b2a17e;
			-webkit-transition: color 218ms ease-in-out;
			-moz-transition: color 218ms ease-in-out;
			-ms-transition: color 218ms ease-in-out;
			-o-transition: color 218ms ease-in-out;
			transition: color 218ms ease-in-out;
		}

	/* REVIEW ACCORDION */

	span.magName {
		color: #a8a7a5;
		float: left;
		display: block;
		margin: 0 1rem 0 0;
		padding: 0;
	}
		span.readReview {
			color: #a49063;
			padding: 0 1rem 0 0;
			font-family: 'Playfair Display SC', serif;
			text-transform: lowercase;
			letter-spacing: 1pt;
			background: transparent url(../images/caretDownGold.svg) no-repeat;
			background-size: auto 6px;
			background-position: right 60%;
		}
		span.closeReview {
			color: #a49063;
			padding: 0 1rem 0 0;
			font-family: 'Playfair Display SC', serif;
			text-transform: lowercase;
			letter-spacing: 1pt;
			background: transparent url(../images/caretUpGold.svg) no-repeat;
			background-size: auto 6px;
			background-position: right 60%;
		}
	span.reviewRating {
		color: #a8a7a5;
		float: right;
		display: block;
	}

	div.review-header {
		cursor: pointer;
		display: block;
		overflow: auto;
		width: 100%;
		padding: 0 0 0.707rem 0;
		background: transparent url(../images/line_grey.svg) repeat-x;
		background-size: auto 6px;
		background-position: left bottom;
	}
	.active-header {
		color: #a8a7a5;
	}
		.active-header .readReview {
			display: none;
		}
		.active-header .closeReview {
			display: inline;
		}
	.inactive-header {
	}
		.inactive-header:hover {
		}
		.inactive-header .readReview {
			display: none;
		}
		.inactive-header .closeReview {
			display: none;
		}
		.inactive-header:hover .readReview {
			display: inline;
		}
	.review-content {
		margin-top: 0.5rem;
		padding: 0 0 1rem 0.5rem;
		color: #8d8f8b;
		display: none;
		text-align: left;
	}

.reviewAlbum {
	display: block;
	background: transparent url(../images/line.svg) repeat-x;
	background-size: auto 6px;
	padding-bottom: 0.707rem;
	background-position: right bottom;
	margin: 0 0 1.999rem 0;
}
.reviewAlbum:hover {
	cursor: pointer;
}
.reviewAlbum h3 {
	display: inline;
	margin: 0 1rem 0.5rem 0;
	background: none;
}
	figure {
		margin-bottom: 1.414rem;
	}
	figure.video {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	figure.video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	img.lazyLoading {
	}

/* Footer
-------------------------------------------------- */
footer {
	display: block;
	clear: both;
	width: 100%;
	margin-top: 3.998rem;
	padding: 0 0 3.998rem 0;
}
	.copyright {
		float: left;
		display: block;
		color: #8d8f8b;
	}

	.copyright p {
		font-size: 70.7%;
		letter-spacing: 0.1rem;
	}
	.backToTop {
		cursor: pointer;
		color: #a49063;
		float: right;
		margin: 0 2rem 0 0;
		padding: 0 1rem 0 0;
		font-family: 'Playfair Display SC', serif;
		text-transform: lowercase;
		letter-spacing: 1pt;
		background: transparent url(../images/caretUpGold.svg) no-repeat;
		background-size: auto 6px;
		background-position: right 60%;
	}
	.socialIcons {
		display: block;
		margin: 3.998rem 0 1.999rem 0;
		padding: 0;
	}
	.socialIcons a:link {
		width: 2.5rem;
		height: 2.5rem;
		display: inline-block;
		margin: 0 0.707rem 0 0.707rem;
		opacity: 1;
		-webkit-transition: opacity 218ms ease-in-out;
		-moz-transition: opacity 218ms ease-in-out;
		-ms-transition: opacity 218ms ease-in-out;
		-o-transition: opacity 218ms ease-in-out;
		transition: opacity 218ms ease-in-out;
	}
		.socialIcons a:hover {
			opacity: 0.7;
			-webkit-transition: opacity 218ms ease-in-out;
			-moz-transition: opacity 218ms ease-in-out;
			-ms-transition: opacity 218ms ease-in-out;
			-o-transition: opacity 218ms ease-in-out;
			transition: opacity 218ms ease-in-out;
		}

	a.facebook {
		background: transparent url(../images/social-facebook.svg) center no-repeat;
		background-size: contain;
	}

	a.instagram {
		background: transparent url(../images/social-instagram.svg) center no-repeat;
		background-size: contain;
	}
	a.spotify {
		background: transparent url(../images/social-spotify.svg) center no-repeat;
		background-size: contain;
	}
	a.twitter {
		background: transparent url(../images/social-twitter.svg) center no-repeat;
		background-size: contain;
	}
	a.bandcamp {
		background: transparent url(../images/social-bandcamp.svg) center no-repeat;
		background-size: contain;
	}

/* SMALL
================================================== */

@media only screen and (max-width: 40em) {

	h1 {
		letter-spacing: 0;
	}

	nav ul {
		text-align: center;
	}

	}

/* MEDIUM
================================================== */
@media only screen and (min-width: 40.063em) {

	html {}

	nav {
		display: block;
		font-size: 1rem;
		width: 100%;
	}

	div.eventHeader {
		display: block;
		overflow: auto;
		width: 100%;
		background: transparent url(../images/line_grey.svg) repeat-x;
		background-size: auto 6px;
		background-position: left bottom;
		margin-bottom: 0;
	}

	div.eventHeader span.eventName {
		color: #a8a7a5;
		float: right;
		display: block;
		padding: 0 0 0 0.5rem;
	}
		div.eventHeader time {
			color: #a8a7a5;
			display: block;
			font-size: 1rem;
			float: left;
			padding: 0 0.5rem 0 0;
		}
	p.eventDescription {
		clear: both;
		margin: 0;
	}

/* Gallery */

	section.o-gallery {}
		section.o-gallery h3 {}
}

a:link.download, a:visited.download {
	font-family: 'Playfair Display SC', serif;
	text-transform: lowercase;
	font-weight: bold;
	letter-spacing: 1pt;
	font-size: 1rem;
	padding-left: 1.5rem;
	margin: 0 0 1.414rem 0;
	background: transparent url(../images/download.svg) no-repeat;
	background-size: 1rem;
	background-position: left center;
}
a:hover.download, a:active.download {}

/* LARGE
================================================== */
@media only screen and (min-width: 64.063em) {

	html {
		font-size: 90%;
	}

	nav {
		display: block;
		width: 100%;
	}

}