body {
  background: #000;
  color:#fff;
}


@font-face {
    font-family: 'nobel-Bold';
    src: url('../nobel/nobel-bold-webfont.eot');
    src: url('../nobel/nobel-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../nobel/nobel-bold-webfont.woff2') format('woff2'),
         url('../nobel/nobel-bold-webfont.woff') format('woff'),
         url('../nobel/nobel-bold-webfont.ttf') format('truetype'),
         url('../nobel/nobel-bold-webfont.svg#nobelbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nobel-Regular';
    src: url('../nobel/nobel-regular-webfont.eot');
    src: url('../nobel/nobel-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../nobel/nobel-regular-webfont.woff2') format('woff2'),
         url('../nobel/nobel-regular-webfont.woff') format('woff'),
         url('../nobel/nobel-regular-webfont.ttf') format('truetype'),
         url('../nobel/nobel-regular-webfont.svg#nobelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'nobel-Regular';
    src: url('../nobel/nobel-Regular.otf'); 
    
    }


@font-face {
    font-family: 'nobel-Bold';
    src: url('../nobel/nobel-Bold.otf'); 
    }

.column.small-centered {
margin-left: auto;
margin-right: auto;
text-align:center;
float: none !important; }

.column.small-centered:last-child, .columns.small-centered:last-child {
	text-align:center;
}

hr {
border: solid #cc3399;
border-width: 1px 0 0;
}   

.top-bar {
background:#000;	
position: absolute;
width:100%;

}

.top-bar .name h1 a small-12{
width:30%;	
}

.top-bar-section ul li {
	background:#fff;	
}

.top-bar-section li:not(.has-form) a:not(.button) {

	background:#fff;	
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
	background:#fff;	
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
	border-right: solid 1px #cc3399;
	
}

.top-bar-section ul li:hover:not(.has-form) > a  {
        background: #ffb6c1;
        color: white; }

a {
	color: #cc3399;
	
}
a:hover, a:focus {
    color: #cc3399;
    text-decoration:line-through; }
    
    
    h1, h2, h3, h4, h5, h6 { 
    	line-height: 0.4;
    	}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-family: 'nobel-Regular', sans-serif;
	color: #cc3399;
	font-size:11px;
	line-height: 2px;
	letter-spacing:.5px;
	
}

h6 {
   
	margin-top: 0px;
}




h4 {
	
	color: #cc3399;	
	
}

.small-12 {
	text-align: center;
}
    
       
    

 #gurl {

 

}

#gurline {
	 margin-top:-5px;
	 margin-bottom:20px;
	 z-index:100;
}

#line {
	 margin-top:-6px;
	 margin-bottom: 17px;
	 z-index:100;
}


#shh {
	 padding-top: 6px;
	 z-index:0;
	 width:96%;
	 margin: auto;
	 position:absolute;
}


#player_back {
	 	 z-index:0;
	 width:96%;
	 margin: auto;
	 position:absolute;
}




#head {

  max-width:1240px;
  width:100%;

  z-index: 1;
  margin:auto;

}

#head:before {

  background-image: url('') ;
  display:none important!;

}




  head:hover {

  background-image: url('');
  background-repeat: no-repeat;
  background-position: center;
  max-width:100%;
  width: 100%;
  
  margin: 0 auto;
}
        

.footer_front {
text-align:left;
	
}


.artist {
padding-bottom: 20px;	
padding-top: 20px;
}

.ellie {
padding-bottom: 20px;	
padding-top: 25px;
}


.swick {
padding-top:20px;	
}

#upper_right {
	padding-right:15px;
	position: absolute;
	top: 0;
	right: 0%;
	font-family: nobel-Regular;
	font-size: 14px;
}


.footer_shh {
font-family: nobel-Regular;
margin-top:0px;


}
.footer_shh a {
font-family: nobel-Regular;
font-size: 12px;

}


.footer_front {
text-align:left;
font-family: nobel-Regular;
font-size: 12px;
color:#cc3399;
letter-spacing:1px;
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

.artist img{
	max-width:65%;
}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.artist {
	padding-top:120px;
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
.artist {
	padding-top:20px;
}
.artist img{
	max-width:65%;
}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
.artist {
margin-top:180px;	
}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
h1 small{
font-size:8px;
}

.artist img{
	width:1300px;
	margin-bottom:-30px;
}

}