@charset "UTF-8";

body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	margin: 0;
	position: fixed;
	text-align: left;
	top: 139px;
	left: 0px;
	overflow-y: scroll;
}

.top {
	width: 100%;
	height: 10px;
	background-color: #D5D5D5;
	padding: 0;
	margin: 0;
	position: fixed;
	top: 0px;
}
.menu {
	position: fixed;
	top: 99px;
	left: 440px;
	top: 99px;
}

.logo {
	position: fixed;
	top: 10px;
}
.contentcont {
	position: absolute;
	width: 100%;
}

a {
  color:#f34151;
  -o-transition:color .2s ease-out, background 1s ease-in;
  -ms-transition:color .2s ease-out, background 1s ease-in;
  -moz-transition:color .2s ease-out, background 1s ease-in;
  -webkit-transition:color .2s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background 1s ease-in;
 text-decoration:none;
}

a:hover {
	color: #FF89FB;
	text-align: left;
}
.social {
	position: fixed;
	width: 100%;
	text-align: right;
	top: 16px;
	right: 48px;
}

.slide {
	position: fixed;
	left: -30px;
	overflow-y: scroll;
	z-index: -10;
	opacity: 1;
	overflow-x: hidden;
	height: 80%;
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100%{ left: -400%; }
}
 
div#slider {
	overflow: hidden;
	position: relative;
	margin-left: 39px;
	margin-right: 18px;
}
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
  height:400px;
}
.news {
	position: relative;
	top: 12px;
	width: 100%;
	left: 0%;
	height: 95%;
}
.slide .news .newscontent {
	position: relative;
	top: 24px;
}
.scroll {
	overflow-y: scroll;
}
.videos {
	width: 100%;
	position: relative;
	background-color: #f34151;
	height: 95%;
	left: 0px;
	min-height: 1080px;
	top: 10%;
}

.videos div .videosmore {
	position: relative;
	text-align: center;
}

.bottom {
	position: fixed;
	bottom: 8px;
	width:100%;
	background-color: #ffffff;
}

.socialmobile {
	position: fixed;
	width: 100%;
	top: 19px;
	left: 404px;
	visibility: hidden;
}
.content {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(artists.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}
.a1 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 10px;
}

.a2 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 295px;
}

.a3 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 580px;
}

.a4 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 865px;
}

.a5 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 1150px;
}

.a6 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 10px;
}

.a7 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 295px;
}

.a8 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 580px;
}

.a9 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 865px;
}

.a10 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 1150px;
}

.a11 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 10px;
}

.a12 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 295px;
}

.a13 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 580px;
}

.a14 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 865px;
}

.a15 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 1150px;
}

.contentcont{
	width: 100%;
	overflow-y: scroll;
	height: 80%;
	margin-bottom:20px;
	z-index: -20;
	position: fixed;
	overflow-x: hidden;
}

.content_arionce {
	position: fixed;
	overflow-y: hidden;
	overflow-x: hidden;
	background-image: url(arionceheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.content_demira {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(demiraheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.content_editselect {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(editselectheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.content_faakmarwin {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(faakmarwinheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.content_fara {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(faraheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.content_havington {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(havingtonheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.content_hermetrik {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(hermetrikheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.content_kiliwonder {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(kiliwonderheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.content_movinghouses {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(movinghousesheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.content_roastapple {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(roastappleheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.content_theeternalspirit {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(theeternalspiritheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.content_seedtotree {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(seedtotreeheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.content_wehadtoleave{
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(wehadtoleaveheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1390px;
	margin-right: 10px;
}

.artistinfo {
	width: 1080px;
	height: auto;
	position: relative;
	top: 215px;
	left: 155px;
}

.artistplayer {
	width: 100%;
	height: auto;
	position: relative;
	top: 10px;
}

@media screen and (max-width:1280px) {
	.a1 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 10px;
}}

.a2 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 295px;
}

.a3 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 580px;
}

.a4 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 865px;
}

.a5 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 10px;
}

.a6 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 295px;
}

.a7 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 580px;
}

.a8 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 865px;
}

.a9 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 10px;
}

.a10 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 295px;
}

.a11 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 580px;
}

.a12 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 865px;
}

.a13 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1025px;
	left: 10px;
}

.a14 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1025px;
	left: 295px;
}

.a15 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1025px;
	left: 580px;
}
.content {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(artists.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_arionce {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(arionceheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_demira {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(demiraheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_editselect {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(editselectheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_faakmarwin {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(faakmarwinheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_fara {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(faraheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_havington {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(havingtonheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_hermetrik {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(hermetrikheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_kiliwonder {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(kiliwonderheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_movinghouses {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(movinghousesheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_roastapple {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(roastappleheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_theeternalspirit {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(theeternalspiritheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_seedtotree {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(seedtotreeheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.content_wehadtoleave{
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(wehadtoleaveheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 1105px;
	margin-right: 10px;
}

.artistinfo {
	width: 900px;
	height: auto;
	position: relative;
	top: 215px;
	left: 140px;
}

@media screen and (max-width:1024px) {		
	.a1 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 10px;
}

.a2 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 295px;
}

.a3 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 580px;
}

.a4 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 10px;
}

.a5 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 295px;
}

.a6 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 580px;
}

.a7 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 10px;
}

.a8 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 295px;
}

.a9 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 580px;
}

.a10 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1025px;
	left: 10px;
}

.a11 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1025px;
	left: 295px;
}

.a12 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1025px;
	left: 580px;
}

.a13 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1295px;
	left: 10px;
}

.a14 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1295px;
	left: 295px;
}

.a15 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1295px;
	left: 580px;
}

.news {
	position: relative;
	top: 12px;
	width: 100%;
	left: 0%;
	height: 95%;
}
.slide .news .newscontent {
	position: relative;
	top: 34px;
}

.menu {
	position: fixed;
	top: 99px;
	left: 8px;
	top: 118px;
}

.socialmobile {
	position: fixed;
	width: 100%;
	top: 19px;
	left: 404px;
	visibility: hidden;
}

.content {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(artists.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_arionce {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(arionceheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_demira {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(demiraheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_editselect {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(editselectheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_faakmarwin {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(faakmarwinheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_fara {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(faraheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_havington {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(havingtonheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_hermetrik {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(hermetrikheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_kiliwonder {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(kiliwonderheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_movinghouses {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(movinghousesheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_roastapple {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(roastappleheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_theeternalspirit {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(theeternalspiritheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_seedtotree {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(seedtotreeheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.content_wehadtoleave{
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(wehadtoleaveheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 820px;
	margin-right: 10px;
}

.artistinfo {
	width: 680px;
	height: auto;
	position: relative;
	top: 215px;
	left: 100px;
}
	
}

@media screen and (max-width:800px) {	
	.a1 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 10px;
}

.a2 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 295px;
}

.a3 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 580px;
}

.a4 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 10px;
}

.a5 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 295px;
}

.a6 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 580px;
}

.a7 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 10px;
}

.a8 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 295px;
}

.a9 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 580px;
}

.a10 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1025px;
	left: 10px;
}

.a11 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1025px;
	left: 295px;
}

.a12 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1025px;
	left: 580px;
}

.a13 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1295px;
	left: 10px;
}

.a14 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1295px;
	left: 295px;
}

.a15 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1295px;
	left: 580px;
}

.news {
	position: relative;
	top: 12px;
	width: 100%;
	left: 0%;
	height: 95%;
}
.slide .news .newscontent {
	position: relative;
	top: 24px;
}

.menu {
	position: fixed;
	top: 99px;
	left: 8px;
	top: 118px;
}

.socialmobile {
	position: fixed;
	width: 100%;
	top: 19px;
	left: 404px;
	visibility: hidden;
}
	
.content {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(artists.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}	

.content_arionce {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(arionceheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.content_demira {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(demiraheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.content_editselect {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(editselectheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.content_faakmarwin {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(faakmarwinheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.content_fara {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(faraheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.content_havington {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(havingtonheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.content_hermetrik {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(hermetrikheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.content_kiliwonder {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(kiliwonderheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.content_movinghouses {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(movinghousesheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.content_roastapple {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(roastappleheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.content_theeternalspirit {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(theeternalspiritheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.content_seedtotree {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(seedtotreeheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.content_wehadtoleave{
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(wehadtoleaveheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 760px;
	margin-right: 10px;
}

.artistinfo {
	width: 680px;
	height: auto;
	position: relative;
	top: 215px;
	left: 80px;
}
	
}

@media screen and (max-width: 650px) {
@viewport {
   width: device-width;
   zoom:0.6;
}
		
.a1 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 10px;
}

.a2 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 215px;
	left: 295px;
}

.a3 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 10px;
}

.a4 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 485px;
	left: 295px;
}

.a5 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 10px;
}

.a6 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 755px;
	left: 295px;
}

.a7 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1025px;
	left: 10px;
}

.a8 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1025px;
	left: 295px;
}

.a9 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1295px;
	left: 10px;
}

.a10 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1295px;
	left: 295px;
}

.a11 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1565px;
	left: 10px;
}

.a12 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1565px;
	left: 295px;
}

.a13 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1835px;
	left: 10px;
}

.a14 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 1835px;
	left: 295px;
}

.a15 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 2105px;
	left: 10px;
}


.news {
	position: relative;
	top: 12px;
	width: 100%;
	left: 0%;
	height: 95%;
}
.slide .news .newscontent {
	position: relative;
	top: 24px;
}

.menu {
	position: fixed;
	top: 99px;
	left: 8px;
	top: 118px;
}
	
.social {
	position: fixed;
	width: 100%;
	text-align: right;
	top: 16px;
	right: 48px;
	visibility: hidden;
}

.socialmobile {
	position: fixed;
	width: 100%;
	top: 19px;
	left: 404px;
	opacity: 1;
	visibility: visible;
}

.content {
	position: fixed;
	overflow-y: scroll;
	overflow-x: scroll;
	background-image: url(artists.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_arionce {
	position: fixed;
	overflow-y: scroll;
	overflow-x: scroll;
	background-image: url(arionceheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_demira {
	position: fixed;
	overflow-y: scroll;
	overflow-x: scroll;
	background-image: url(demiraheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_editselect {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(editselectheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_faakmarwin {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(faakmarwinheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_fara {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(faraheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_havington {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(havingtonheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_hermetrik {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(hermetrikheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_kiliwonder {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(kiliwonderheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_movinghouses {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(movinghousesheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_roastapple {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(roastappleheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_theeternalspirit {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(theeternalspiritheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_seedtotree {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(seedtotreeheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.content_wehadtoleave{
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(wehadtoleaveheader.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 199px;
	font-size: 24px;
	margin-left: 10px;
	width: 535px;
	margin-right: 10px;
}

.artistinfo {
	width: 515px;
	height: auto;
	position: relative;
	top: 215px;
	left: 20px;
}
	
}