html {
	margin:0px;
	padding:0px;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:300;
	font-size:18px;
}

body{
	/*background: url('../images/pbs_background2.jpg') no-repeat center center fixed;*/
	background-color: #05080d;
	background-size: cover;
	margin:4px;
	padding:0px;
	color: #EEE;
}

iframe{
	border-style: none;
	width: 100%
}

a:link {
	text-decoration: none;
	color: #DDD;
}

a:visited {
	color: #DDD;
}

a:hover {
	color: #CCC;
}

a:active {
	color: #DDD;
}

h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
	letter-spacing: -1px;
	font-weight:300;
}

h1{
	font-size: 36px;
}

h2{
	font-size: 32px;
}
h3{
	font-size: 28px;
}
h4{
	font-size: 24px;
}
h5{
	font-size: 20px;
}
h6{
	font-size: 18px;
}



#maincontainer {
	margin: auto;
	margin-top: 12px;
	width: 768px;
}

.contentbox {
	/*background: #222;*/
	border-radius: 8px;
	margin-bottom: 10px;
	padding: 12px;
}

.content {
	width: 100%;
	margin:auto;
	padding:0px;
	clear:both;
	/*margin-bottom: 24px;*/
	/*background: #55AA55;*/
}

.indent {
	margin-left: 12px;
}

.center {
	text-align: center;
}

.black-gradient-bg {
	background: rgb(76,76,76);
	background: -moz-linear-gradient(top,  rgb(76,76,76) 0%, rgb(89,89,89) 12%, rgb(102,102,102) 25%, rgb(71,71,71) 39%, rgb(44,44,44) 50%, rgb(0,0,0) 51%, rgb(17,17,17) 60%, rgb(43,43,43) 76%, rgb(28,28,28) 91%, rgb(19,19,19) 100%);
	background: -webkit-linear-gradient(top,  rgb(76,76,76) 0%,rgb(89,89,89) 12%,rgb(102,102,102) 25%,rgb(71,71,71) 39%,rgb(44,44,44) 50%,rgb(0,0,0) 51%,rgb(17,17,17) 60%,rgb(43,43,43) 76%,rgb(28,28,28) 91%,rgb(19,19,19) 100%);
	background: linear-gradient(to bottom,  rgb(76,76,76) 0%,rgb(89,89,89) 12%,rgb(102,102,102) 25%,rgb(71,71,71) 39%,rgb(44,44,44) 50%,rgb(0,0,0) 51%,rgb(17,17,17) 60%,rgb(43,43,43) 76%,rgb(28,28,28) 91%,rgb(19,19,19) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
}

.cover-bg {
	background: url('../images/cover.jpg') no-repeat center;
	background-size: cover;
}

.black-gray-bg {
	/*background:#4c4c4c;*/
	background:#000000;
}

.black-gradient-content {
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.gothic-header {
	font-family: 'Pathway Gothic One', sans-serif;
	text-transform: uppercase;
	font-size: 72px;
	line-height: 72px;
	margin: 8px 0px 16px 0px;
	padding: 0px;
	text-shadow: 2px 2px 5px #000000;
}

.gray-text {
	color: #777;
}

.img-store {
	width: 178px;
	height: 66px;
	/*margin-bottom: 10px;*/
}

.img-responsive{
	width: 100%;
	height: 100%;
}

.float-left{
	float: left;
}

.img-header {
	width: 80%;
	height: 80%;
}

.button-margin{
	margin: 0px 10px 0px 0px;
	min-height:70px;
	/*border: #F00 1px solid;*/
}

.spotify-music {
	font-weight: bold;
	color: #1DB954;
}

.apple-music {
	font-weight: bold;
	color: #fa2d48;
}

.tidal-music {
	font-weight: bold;
	color: #00ffff;
}

@media screen and (max-width: 1024px){
	.gothic-header {
		font-size: 64px;
	}
}

@media screen and (max-width: 768px){
	#maincontainer {
		margin: 0px;
		width: 100%;
	}
}

@media screen and (max-width: 600px){
	.gothic-header {
		font-size: 48px;
	}
	.contentbox {
		padding: 10px;
	}
}

@media screen and (max-width: 512px){
	.contentbox {
		padding: 4px;
	}
	.content {
		width: auto;
		margin:0px;
		padding: 10px;
	}
	.img-store {
		width: 49%;
		height:auto;
	}
}

@media screen and (max-width: 334px){
	.gothic-header {
		font-size: 40px;
	}
}

@media print {
	h1,h2,h3,h4,h5,h6{
		letter-spacing: 0;
	}
	#maincontainer {
		margin: 0px;
		width: 100%;
	}
}
