body {
	background-color: #F1F1EF;
	font-family: helvetica;
	color: #545454;
	text-transform: lowercase;
}


/* HEADER */

.sticky-top {
	background-color: #F1F1EF;
}

.logo-wrapper {
	width: 100%;
	margin: auto;
}
    
.logo {
	width: 100%;
}

.mobile {
	display: none;
}

.desktop {
	display: block;
}

/* CONTENT */

.section {
	width: 75%;
	margin: auto;
}

.image-wrapper {
	width: 100%;
}

.section-image {
	width: 100%;
	margin: auto;
}

.location {
	font-size: 24px;
	font-weight: 600;
}

.description {
	font-size: 14px;
	font-weight: 200;
	line-height: 1.2;
}

.part {
	font-size: 18px;
	font-weight: 600;
}

.by {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}

.play-tracks {
	padding: 0;
}

.audio {
	width: 100%;
}

/* EXPAND CONTENT */

.card {
  	border: none;
  	width: 100%;
  	background-color: #F1F1EF;

}

.btn-listen {
	color: #56FF11;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0;
	font-size: 18px;
}

/* CONTACT */

.contact {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 50px;
} 

a.contact {
	color: #545454;
}

a.contact:hover {
	font-weight: 800;
}

/* MOBILE STYLES */

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

	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	.image-wrapper {
		width: 80%;
		margin: auto;
	}

	.content-wrapper {
		text-align: center;
	}

	.content {
		padding-top: 20px;
	}

	.section {
		width: 90%;
	}
}