body {
 font-family: Helvetica, Arial, sans-serif;
background-color: #000;
background-repeat:repeat;
max-height: 2500px;

 }



.ui-loader {
  display: none !important;
}


 .ui-page { 
 max-height: 2500px;}


.fb-like {position:fixed;
left:0px; 
text-align:left;}


.draggable {
    position: absolute;


  
   width: 320px;
    margin: .25em;
    padding: 1em 2em;
    background-color: none;
    color: #fff;
    text-align: center;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 
}

.draggable img {
width: 100%;	

}

.draggable.switch-bg img {
width: 200%;
	}

.draggable.switch-bg {
  background-size: 100%;
}

.draggable.large {
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}

.rotate {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}




#info-1 {
  width: 400px;
  left: -100px;
  top: 20px;
  background-color: none;
text-shadow: 3px 3px 4px rgba(150, 150, 150, 1);
  color: black;
  font-size:42px;
	
  border-radius: 0.2em;
  padding: 1%;
  float:right;
  text-align:right;
  position: fixed; 
	opacity: .75;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
		 
}

#info {
  width: 370px;
  right: 20px;
  top: 20px;
   background-color: none;
text-shadow: 3px 3px 4px rgba(0, 0, 0, 1);
  color: #fff;
  font-size:30px;
	font-weight: bold;
    text-transform: uppercase;
	
  border-radius: 0.2em;
  padding: 1%;

  text-align:right;
  position: fixed; 
	
	opacity: 1;
	z-index:1;

}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a {
	color: #F3F3F3;
	text-decoration: none;


}



#artist {
  width: 370px;
  left: 10px;
  top: 20px;
  background-color: none;
text-shadow: 3px 3px 4px rgba(0, 0, 0, 1);
  color: #fff;
  font-size:30px;
	font-weight: bold;
    text-transform: uppercase;
    text-align: left;
  
  padding: 5px;
  float:right;
z-index:1;
  position: fixed; 
	opacity: 1;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);	 
}



#drag-1 {  
  min-height: 6.5em;
  left: 130px;
  top: 0px;
  color: white;
  border-radius: 0.75em;
  padding: 4%;
}

#drag-2 {

  min-height: 6.5em;
	top: 250px;
	left: 350px;

  color: white;

  border-radius: 0.75em;
  padding: 4%;
}

#drag-3 {

  min-height: 6.5em;
	top: 480px;
	left: 50px;


  color: white;

  border-radius: 0.75em;
  padding: 4%;
}

#drag-4 {

  min-height: 6.5em;
	top: 700px;
	left: 650px;

  color: white;

  border-radius: 0.75em;
  padding: 4%;
}


#drag-5 {

  min-height: 6.5em;
	top: 900px;
	left: 200px;

  color: white;

  border-radius: 0.75em;
  padding: 4%;
}

#drag-6 {

  min-height: 6.5em;
	top: 1200px;
	left: 500px;

  color: white;

  border-radius: 0.75em;
  padding: 4%;
}


#soundcloud {
	opacity: 0;	
}



#drag-me::before {
  content: "#" attr(id);
  font-weight: bold;
}