@charset "UTF-8";
/* CSS Document */

body, html {
width: 100%;
  height: 100%;
	background-color: #000;
 margin: 0px;
	font-family: 'Bodoni Moda', serif;
	color:#fff;
	font-size: 16px;
	letter-spacing:0px;
	   font-family: 'edelsansregular'; Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
   
}




#fader {
	
	position: fixed;
display: block;
width: 100%;
height: 100%;
background-color: #000;
z-index: 9;
	
	
}

.thanks {
	
	text-align: right;
}


.laf img {
	
	width:100%;
	max-width: 790px;
	margin-top: 40px;
}

.fully {
	margin-top: 10vw;
	width: 100%;
	max-width: 790px;
	
	margin-left: auto;
	margin-right: auto;
}


.mail {
	position: absolute;
	bottom: 31px;
    right: 34px;
}




p {
		font-family: 'Bodoni Moda', serif;
	color:#fff;
	font-size: 20px;
}


a {
	
	line-height: 24px;
  height: 14px;
  width: 14px;
  font-size: 20px;
 
font-family: 'Bodoni Moda', serif;
	transition: 0.3s;
	color: #fff;
	text-decoration: none;
	margin-bottom:6px;
	border-bottom: thin solid #fff;
}

a:hover {
	
	
  height: 14px;
  width: 14px;
  

  
	color: #999;
		border-bottom: thin solid #999;
}





#thin_bar {
	display: block;
	background-color: #000;
	height:67px;
	position: fixed;
	width:100%;
	top:0;
	z-index:5;
}
	
#top_bar {
	    display: block;
    background-color: #000;
        height: 129px;
    position: fixed;
    width: 100%;
    top: 0;
	z-index: -1;
}








.active {
		line-height: 24px;
  height: 14px;
  width: 14px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
}




a.logo-link  {
	    display: block;
    height: 0px;
    width: 0px;
    color: #bbb;
    text-decoration: none;
    font-size: 0px;
    background-color: transparent;
   
	
	
}
a.logo-link:hover {
	    display: block;
    height: 0px;
    width: 0px;
    color: #bbb;
    text-decoration: none;
    font-size: 0px;
    background-color: transparent;
	   
	
}





.cover {
	
	padding-top: 14px;
   height: 133px;
    top: 0;
    position: absolute;
    width: 362px;
    left: 50%;
    margin-left: -184px;
	background-color: transparent;
	z-index: 9;
	
}	

#Logo{
	z-index: 6;
  transition: all .25s;
}

.largeLogo{  
padding-top: 14px;
    position: fixed;
    top: 0;
    
    width: 362px;
    left: 50%;
    margin-left: -184px;}

@media only screen and (max-width: 350px) {
	
	.largeLogo{  
padding-top: 14px;
    position: fixed;
    top: 0;
    
    width: 310px;
    left: 50%;
    margin-left: -158px;}
	
}


.smallLogo{
	padding-top: 6px;
	position:fixed;
top:0;
position: fixed;
width: 200px;

left: 50%;
    margin-left: -103px;
}


#header {
  background-color: #f1f1f1;
  padding: 50px 10px;
  color: black;
  text-align: center;
  font-size: 90px; 
  font-weight: bold;
  position: fixed;
  top: 0;
  width: 100%;
  transition: 0.2s;
}
#full-size img {
	width: 100%;
	
}

.artists {
    position: relative;
    margin-top: 129px;
}





#full-size{
	    
  height:100%;
  width:100%;
  overflow:auto; /* or overflow:auto; if you want scrollbars */
}


#menu-center  {
       padding: 7px 9px 7px 9px;
    text-align: center;
    line-height: 23px;
    z-index: 9;
    position: fixed;
    top: 135px;
    right: 11px;
    display: block;
   
}

#menu-center ul {
    ;
}
#menu-center ul li {
    ;
}









#home {
	height:127px;
}

@media only screen and (max-width: 770px) {
	
	
	#home {
		height:118px;
   
	}
	
}


 /* BACKSTREET BOYS ----------------------------____-------------------------  */


#backstreet {
	
		
			margin-top: 0px;
	

	position: relative;
	
	
  /* The image used */
  background-image:url("images/backstreet_boys.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	margin-bottom: -10px;
	
}

a.back{
     
    
	
    text-decoration: none;
    font-size: 24px;
	color: #000;
    background-color: #fff;
    width: 206px;
    padding: 15px 9px 22px 17px;
    border-left: 10px solid #000;
    border-radius: 0px;
	position: relative;
	top:48%;
    
    
}

a.back:hover {
	   
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    background-color: #000;
    width: 206px;
    padding: 15px 9px 20px 17px;
    border-left: 10px solid #fff;
    border-radius: 0px;
	position: relative;
	top:48%;
   
 
}


@media only screen and (max-width: 850px) {
	
		#backstreet {
			margin-top: 6px;
	
	}
	
	
	a.back{

    top: 62%; 
}
	
		a.back:hover {

    top: 62%; 
}
	
	
}


@media only screen and (max-width: 500px) {
	
		#backstreet {
	
			background-image: url(images/backstreet_boys_sm.jpg);
}


a.back{
 text-decoration: none;
    font-size: 19px;
   width: 172px;
    padding: 9px 3px 16px 11px;
    border-left: 10px solid #000;
    border-radius: 0px;
    position: relative;
    top: 58%; 
}

a.back:hover {
	   
 
    text-decoration: none;
    font-size: 19px;
    
    width: 172px;
    padding: 9px 3px 16px 11px;
    border-left: 10px solid #000;
    border-radius: 0px;
    position: relative;
    top: 58%;
    
 
}
	
	

	
}



 /* CHRIS CORNELL ----------------------------____-------------------------  */




#chris_cornell {
	
	position: relative;
	top:10px;
	
  /* The image used */
  background-image:url("images/chris_cornell.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

a.chris {
     
    color: #000;
    text-decoration: none;
    font-size: 24px;
    background-color: white;
        width: 301px;
    padding: 15px 9px 20px 17px;
    border-left: 10px solid #000;
    border-radius: 0px;
	position: relative;
	top: 74%;
    
    
}

a.chris:hover {
	   
    color: #fff;
    background-color: #000;
    text-decoration: none;
    font-size: 24px;
    
         width: 301px;
    padding: 15px 9px 20px 17px;
    border-left: 10px solid #fff;
    border-radius: 0px;
	position: relative;
	top:74%;
    
 
}



@media only screen and (max-width: 850px) {
	
		#chris_cornell {
		
  background-image:url("images/chris_cornell_small.jpg");

}
	
	a.chris {
			top:75%;
   
}
	
		a.chris:hover {
			top:75%;
   
}
	
}
	

@media only screen and (max-width: 500px) {
	

a.chris {
 text-decoration: none;
    font-size: 19px;
    background-color: white;
    width:  249px;

    padding: 9px 3px 16px 11px;
    
    border-radius: 0px;
	position: relative;
	top:75%;
   
}

a.chris:hover {
	   
 text-decoration: none;
    font-size: 19px;
  width:  249px;
  padding: 9px 3px 16px 11px;
  border-radius: 0px;
	position: relative;
	top:75%;

}
	
	
}


/* Maneskin ----------------------------____-------------------------  */



#maneskin {
	
position: relative;
	top:10px;
	
  /* The image used */
  background-image:url("images/patriot_management_maneskin.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	    z-index: 2;  /* LAST DIV NEEDS THIS FOR CONTACT BELOW  */
}




a.maneskin {
     
    color: #000;
    text-decoration: none;
    font-size: 24px;
    background-color: white;
    width: 126px;
    padding: 15px 9px 20px 17px;
    border-left: 10px solid #000;
    border-radius: 0px;
	position: relative;
	    top: 69%;
    
    
}

a.maneskin:hover {
	   
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    background-color: #000;
   width: 126px;
    padding: 15px 9px 20px 17px;
    border-left: 10px solid #fff;
    border-radius: 0px;
	position: relative;
	top:69%;
    
 
}


@media only screen and (max-width: 850px) {
	
	
		a.maneskin {
 
	top:63%;  
}

		a.maneskin:hover {
 
	top:63%;  
}	
	
	
	
	}


@media only screen and (max-width: 500px) {
	

	
	a.maneskin {
  text-decoration: none;
    font-size: 19px;
    background-color: white;
            width: 108px;
  padding: 9px 3px 16px 11px;
 border-radius: 0px;
	position: relative;
	top:71%;  
}

a.maneskin:hover {
	   
    color: #000;
    text-decoration: none;
    font-size: 19px;
    
             width: 108px;

    padding: 9px 3px 16px 11px;
    
    border-radius: 0px;
	position: relative;
	top:71%;
    
 
}
	
}






 /* ONEREPUBLIC ----------------------------____-------------------------  */


#onerepublic {
	
	position: relative;
	top:10px;
	
  /* The image used */
  background-image:url("images/onerepublic.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

a.one {
     
    color: #000;
    text-decoration: none;
    font-size: 24px;
    background-color: white;
    width: 169px;
    padding: 15px 9px 20px 17px;
    border-left: 10px solid #000;
    border-radius: 0px;
	position: relative;
	    top: 69%;
    
    
}

a.one:hover {
	   
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    background-color: #000;
    width: 169px;
    padding: 15px 9px 20px 17px;
    border-left: 10px solid #fff;
    border-radius: 0px;
	position: relative;
	top:69%;
    
 
}

@media only screen and (max-width: 850px) {
	
	
		a.one {
 
	top:63%;  
}

		a.one:hover {
 
	top:63%;  
}	
	
	
	
	}


@media only screen and (max-width: 500px) {
	

	
	a.one {
  text-decoration: none;
    font-size: 19px;
    background-color: white;
        width: 142px;
  padding: 9px 3px 16px 11px;
 border-radius: 0px;
	position: relative;
	top:71%;  
}

a.one:hover {
	   
    color: #000;
    text-decoration: none;
    font-size: 19px;
    
         width: 142px;

    padding: 9px 3px 16px 11px;
    
    border-radius: 0px;
	position: relative;
	top:71%;
    
 
}
	
}






 /* PHARRELL WILLIAMS ----------------------------____-------------------------  */

#pharrell {
	
	position: relative;
	top:10px;
	
  /* The image used */
  background-image:url("images/pharrell_williams.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

a.phar {
     
    color: #000;
    text-decoration: none;
    font-size: 24px;
    background-color: white;
    width: 225px;
    padding: 15px 9px 20px 17px;
    border-left: 10px solid #000;
    border-radius: 0px;
	position: relative;
	    top: 89%;
    
    
}

a.phar:hover {
	   
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    background-color: #000;
    width: 225px;
    padding: 15px 9px 20px 17px;
    border-left: 10px solid #fff;
    border-radius: 0px;
	position: relative;
	    top: 89%;
    
 
}

@media only screen and (max-width: 850px) {
	
	
	
	a.phar {
     
    
  
	top: 70%;
    
    
}

a.phar:hover {
	   
    
    
top: 70%;
    
 
}
	
}

@media only screen and (max-width: 500px) {
	
a.phar {
     
 text-decoration: none;
    font-size: 19px;
     width: 187px;
 padding: 9px 3px 16px 11px;
   border-radius: 0px;
	position: relative;
	top: 76%;
      
}

a.phar:hover {
 text-decoration: none;
    font-size: 19px;
     width: 187px;
 padding: 9px 3px 16px 11px;
  border-radius: 0px;
	position: relative;
top: 76%;
    

}
	
}




 


 /* USHER ----------------------------____-------------------------  */



#usher {
	
position: relative;
	top:10px;
	
  /* The image used */
  background-image:url("images/usher.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	    z-index: 2;  /* LAST DIV NEEDS THIS FOR CONTACT BELOW  */
}




a.usher {
     
    color: #000;
    text-decoration: none;
    font-size: 24px;
    background-color: white;
    width: 87px;
    padding: 15px 9px 20px 17px;
    border-left: 10px solid #000;
    border-radius: 0px;
	position: relative;
	top: 99%;
    
    
}

a.usher:hover {
	   
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    background-color: #000;
    width: 87px;
    padding: 15px 9px 20px 17px;
    border-left: 10px solid #fff;
    border-radius: 0px;
	position: relative;
	top: 99%;
    
 
}



@media only screen and (max-width: 850px) {

	
		a.usher {
    
	top: 65%;  
}
	
	a.usher:hover {
			top: 65%;  
}
	
}


@media only screen and (max-width: 500px) {
	

	
	
	a.usher {
    text-decoration: none;
    font-size: 19px;
     width: 70px;
 padding: 9px 3px 16px 11px;
    border-radius: 0px;
	top: 65%;  
}

a.usher:hover {
 text-decoration: none;
    font-size: 19px;
     width: 70px;
 padding: 9px 3px 16px 11px;
   border-radius: 0px;
  top: 65%;
 
}
	
}


 /* CONTACT ----------------------------____-------------------------  */

#contact {
	
	
	
	    text-align: center;
	position: relative;
	top:10px;
	

    /* The image used */
  background-image:url("images/blank.png");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	 z-index: 1;
}




a.email {
	font-family: 'Prata', serif;
	color:#bbb;
	text-decoration: none;
	font-size:24px;
	background-color: transparent;
    width: 100%;
		  position: relative;
    top: 100%;
	
}
a.email:hover {
	font-family: 'Prata', serif;
	color:#fff; 
	font-size: 24px;
	text-decoration: none; 
	background-color: transparent; 
	    width: 100%;
	 position: relative;
    top: 100%;
	
}


a.insta  {
	color:#bbb;
	text-decoration: none;
	font-size:24px;
	background-color: transparent;
    width: 100%;
	opacity: .8;
	 position: relative;
    top: 100%;
	
	
}
a.insta:hover {
	color:#fff; 
	text-decoration: none; 
	font-size: 24px;
	background-color: transparent; 
	    width: 100%;
	opacity: 1;
	 position: relative;
    top: 100%;
	
}


.insta img {
	width:100%; 
	max-width:40px;
}


@media only screen and (max-width: 850px) {
	
	a.email {
	
    top: 45%;
	
}
a.email:hover {

    top: 45%;
	
}
	
	
a.insta  {

    top: 45%;
	
	
}
a.insta:hover {

    top: 45%;
	
}	
	
	
	
}


@media only screen and (max-width: 500px) {
	
	a.email {
	
    top: 45%;
	
}
a.email:hover {

    top: 45%;
	
}
	
	
a.insta  {

    top: 45%;
	
	
}
a.insta:hover {

    top: 45%;
	
}	
	
	
	
}



@media only screen and (max-width: 400px) {
	
	.largeLogo {
    padding-top: 12px;
	}
	
	
.cover {
   
    top: -16px;
	}
	
	

	
	
	
	
	
	a.email {
	
	font-size:16px;
letter-spacing: 1px;
		
	
}
a.email:hover {

	font-size: 16px;
	letter-spacing: 1px;
}
	
}