@font-face {
	font-family: 'socials';
	src: url('../icomoon/socials.eot?a5041k');
	src: url('../icomoon/socials.eot?a5041k#iefix') format('embedded-opentype'), url('../icomoon/socials.ttf?a5041k') format('truetype'), url('../icomoon/socials.woff?a5041k') format('woff'), url('../icomoon/socials.svg?a5041k#socials') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="npn-"], [class*=" npn-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'socials' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.npn-soundcloud:before {
	content: "\e900";
}
.npn-facebook:before {
	content: "\ea90";
}
.npn-instagram:before {
	content: "\ea92";
}
.npn-spotify:before {
	content: "\ea94";
}
.npn-twitter:before {
	content: "\ea96";
}
.npn-youtube:before {
	content: "\ea9d";
}
.npn-appleinc:before {
	content: "\eabe";
}
@font-face {
  font-family: 'twt-x';
  src:  url('fonts/twt-x.eot?jjyo3s');
  src:  url('fonts/twt-x.eot?jjyo3s#iefix') format('embedded-opentype'),
    url('fonts/twt-x.ttf?jjyo3s') format('truetype'),
    url('fonts/twt-x.woff?jjyo3s') format('woff'),
    url('fonts/twt-x.svg?jjyo3s#twt-x') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="twtx-"], [class*=" twtx-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'twt-x' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.twtx-x:before {
  content: "\e901";
}

body {
	background: #285628;
	color: #DE9430;
	text-align: center;
	margin: 0;
	line-height: 1;
	font-family: "pragmatica", sans-serif;
font-weight: 400;
font-style: normal;
}

a {
	text-decoration: none;
	color: #49494f;
}
#header span {
	display: none;
	text-indent: -9999px;
}
section#header {
	font-size: 0;
}
section#header a {
	font-size: 20px;
	margin-right: 23px;
	color: #e7de7e;
	vertical-align: middle;
}
section#header a:last-child {
	margin-right: 0;
}
section#header a.npn-soundcloud {
	font-size: 25px;
}

.artistName {
	font-size: 2.6041666666666665vw;
    letter-spacing: 0;
    color: #DE9430;
    font-family: "pragmatica", sans-serif;
    font-weight: 400;
    font-style: normal;
	line-height: 1.2;
}
span.home {
    font-family: "pragmatica", sans-serif;
    font-weight: 400;
    font-style: italic;
}
.present {
	color: #DE9430;
	padding: 1vw 0;
	font-size:  2.6041666666666665vw;
	letter-spacing: 0.5vw;
	font-family: "pragmatica", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
padding-bottom: 0;
}
.availableOn {
	font-size: 24px;
	padding: 20px 0 42px 0;
	letter-spacing: 2px;
}
.rainbow {
	font-size: 0;
}
img {
	max-width: 100%;
	height: auto;
}
.streamText {
	letter-spacing: 2px;
	margin: 50px 0 0 0;
}
.preorderbutton {
	font-size: 0;
}
.preorderbutton a {
	border: 2px solid #DE9430;
	letter-spacing: 0;
	box-sizing: border-box;
}
.preorderbutton a:hover {
	opacity: 0.5;
}

.featuredVideo {
	position: relative;
	padding: 56.25% 0 0 0;
	height: 0;
}
.featuredVideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
section#footer {
	background: #285628;
	font-size: 0;
	padding: 1vw 0;
	position: relative;
	padding-top: 5vw;
}
.copyrightAct {
	font-size: 0.5208333333333334vw;
    letter-spacing: 0;
}
.copyrightAct a:hover{
	opacity: 0.5;
}
.copyrightAct a{
	font-size: 0.5208333333333334vw;
	color: #DE9430;
}

a.prepaly img {
	width: 100%;
	height: 100%;
}
a.prepaly {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 1;
}
a.prepaly .play {
	background: url("../images/playButton.png") no-repeat scroll transparent;
	background-position: 0 -116px;
	width: 80px;
	height: 83px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 2;
}

#header .logo a {
    font-size:  3.6458333333333335vw;
    color: #DE9430;
	font-family: "pragmatica", sans-serif;
font-weight: 400;
font-style: normal;
}
.logo a:hover{
	opacity: 0.5;
}
section.leftwrapp {
    display: inline-block;
    width: 50%;
	vertical-align: middle;
}
.leftimage {
    margin: 0 auto;
    width: 30vw;
}
section.rightwrapp {
    display: inline-block;
    width: 50%;
	vertical-align: middle;
}

	br.mobile {
		display: none;
	}
	section.content {
		background: #285628;
		font-size: 0;
		padding: 5vw 0;
		max-width: 70%;
		margin: 0 auto;
		padding-top: 2vw;
		min-height: calc(100vh - 35vh);
	}
	.fanclub.text {
		font-size: 2.0833333333333335vw;
		letter-spacing: 0;
		color: #DE9430;
		padding: 1vw 0;
		font-family: "pragmatica", sans-serif;
font-weight: 400;
font-style: normal;
	}
	
	
	
	
	section#header {
		text-align: center;
    padding: 4vw 0;
	}
	.preorderbutton{
		padding: 1vw;
		margin-top: 2vw;
	}
	.preorderbutton a {
		
		font-size: 1.5625vw;
		color: #9F300B;
		border: 1px solid #DE9430;
		padding: 0.5vw 1.5vw;
		background: #DE9430;
		font-family: "pragmatica", sans-serif;
font-weight: 400;
font-style: normal;
	}
	
	.listenbutton{
		padding: 2vw;
	}
	.listenbutton a:hover {
		opacity: 0.5;
	}
	.listenbutton a {
		
		font-size: 1.5625vw;
		color: #9F300B;
		border: 1px solid #DE9430;
		padding: 0.5vw 3.72vw;
		background: #DE9430;
		font-family: "pragmatica", sans-serif;
font-weight: 400;
font-style: normal;
	}
	.socials {
		display: block;
		width: 100%;
		padding: 2vw 0;
	}
	.socials a {
		font-size: 1.5vw;
		color: #DE9430;
		margin-right: 2vw;
	}
	.socials a:hover {
		opacity: 0.5;
	}
	.mobilebr{
		display: none;
	}


@media only screen and (max-width: 1024px) and (orientation:portrait) {
	
	#header .logo a {
		font-size: 8vw;
		color: #DE9430;
		font-family: "pragmatica", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	span.seperetor {
		display: none;
	}
	.leftimage {
		margin: 0 auto;
		width: 85%;
	}
	.mobilebr{
		display: inline-block;
	}
	section.content {
		padding: 0;
		background: #285628;
		max-width: 90%;
		margin: 0 auto;
	}
	.artistName {
		font-size: 8vw;
		padding-top: 10vw;
	}
	.present {
		color: #DE9430;
		padding: 1vw 0;
		font-size: 10.666666666666666vw;
	}
	.fanclub.text {
		font-size: 6.666666666666667vw;
		
	}
	section.leftwrapp {
		display: inline-block;
		width: 100%;
		vertical-align: middle;
	}
	section.rightwrapp {
		display: inline-block;
		width: 90%;
		vertical-align: middle;
		margin: 0 auto;
	}
	.preorderbutton a {
		font-size: 6.666666666666667vw;
		padding: 1.5vw 5vw;
		
	}
	.listenbutton a {
		font-size: 6.666666666666667vw;
		padding: 1.5vw 14.54vw;
	}
	.listenbutton {
		margin-top: 7vw;
		padding: 2vw;
	}
	.preorderbutton {
		padding: 1vw;
		margin-top: 12vw;
	}
	.socials a {
		font-size: 5.5vw;
		color: #DE9430;
		margin-right: 7vw;
	}
	.socials {
		padding: 5vw 0;
	}
	section#header {
		text-align: center;
		padding: 7vw 0;
	}
	.copyrightAct {
		font-size: 2.6666666666666665vw;
	}
	.copyrightAct a {
		font-size: 2.6666666666666665vw;
		color: #DE9430;
		line-height: 2;
	}
	section#footer {
		width: 75%;
		margin: 0 auto;
		padding-top: 25vw;
	}
	section#header a {
		color: #DE9430;
	}

}

@media only screen and (min-width: 3400px) and (max-width: 3450px)  {
	section.content {
		padding: 0;
		padding-top: 0;
	}
}