body, html {
	height: 100%;
}

body {
	background: #000000 url(../imgs/main-bg.jpg) no-repeat center -40px;
	background-size: cover;
}

@media(max-width:767px){
	body {
		background-position: center center;
		padding-top: 50px;
	}
}

@media(min-width:768px){
	.container.home {
		padding-top: 380px;
	}
}

.logo {
	margin-bottom: 15px;
}

.slogan {
	margin-bottom: 25px;
}

.details-container {
	margin: 0 auto;
	max-width: 600px;
}

@media(max-width:767px){
	.album {
		width: 320px;
		margin: 0 auto 15px auto;
	}
	.social-container {
		width: 320px;
		margin: 0 auto !important;
		text-align: center;
	}
}

@media(min-width:768px){
	.album, .social-container {
		float: left;
	}
}

.album-cover,
.album-links {
	float: left;
}

.album-links {
	margin-left: 15px;
}

@media(max-width:767px){
	.album-cover {
		margin-bottom: 15px !important;
	}

	.album-cover,
	.album-links {
		display: block;
		margin: 0 auto;
		text-align: center;
		float: none !important;
	}

	.album-links > img {
		margin: 0 auto;
	}
}

.purchase {
	margin-top: 10px;
}

.purchase a:last-child {
	margin-left: 10px;
}

.social-container {
	margin-left: 55px;
}


.socials {
	margin-top: 15px;
	padding: 0 20px;
}
.socials a {
	display: inline-block;
	margin: 0 8px;
}

.socials a,
.purchase a {
	color: #fff;
	transition: opacity 0.45s ease-in-out
}

.socials a:hover,
.purchase a:hover {
	opacity: 0.5;
}

@media(min-width:768px){
	.album {
/* 		display: none; */
	}
}

@media(min-width:992px){
	.album {
		display: block;
	}
}

footer a {
	color: #ffffff !important;
	text-decoration: underline;
}

@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

/* REDEEM */
header {
	margin-top: 50px;
}