body {
   margin: 0px;
   background-color: ;
   font-family: 'Montserrat', sans-serif;
   font-size: 16px;
   color: white;
   background-image: url("../img/background/bg_music.jpg");
   background-repeat: no-repeat;
   background-attachment: fixed;
}

 h1 {
	text-transform: uppercase;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Righteous', sans-serif;
 }
 
 h2 {
    font-family: 'Righteous', sans-serif;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 5px;
	color: white;
	letter-spacing: 0px;
 }
 h3,
 h4 {
	text-transform: uppercase;
	padding-top: 25px;
	padding-bottom: 25px;
	font-family: 'Roboto', sans-serif;
	color: white;
	
 } 
 
 a {
	color: grey;
 }
 
 a:hover {
	color: white;
	text-decoration:none;
 }
 
 
 .black {
	color: black;
 }
 .grey {
    color: #bfbfbf;
	}
	
 .white {
	color: white;
 }
 .headline {
	font-size: 40px;
	text-transform: uppercase;
 }
 
 .center {
	margin-left: auto;
	margin-right: auto;
 }
 
  .circle { 
  border-radius:100%;
  border: 8px solid #596e81;
  }  
 .shadow {
	    text-shadow: 3px 3px 20px white;
 }

 .content-container {
	max-width: 100%;
	background-color:white;
	color:black;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	}
	
  .header {
	max-width: 100%;
	background-color: green;
	color: white;
	margin-left: auto;
	margin-right: auto;
   }
	
 .content-container-music {
	max-width: 100%;
	background-color:none;
	color:white;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 100px;
	}
	
 .content-container-about {
	max-width: 100%;
	background-color:black;
	color:black;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 100px;

	background-repeat: no-repeat;
	}	
	
 .content-container-photos {
	max-width: 100%;
	background-color:none;
	color:black;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 100px;
    background-image: url("../img/background/bg_phots.png");
	
	}	
	
  .gutter {
   padding-bottom: 25px;
  }   
  
   .content-container-transparent {
	max-width: 100%;
	background-color:transparent;
	color:grey;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	}	
  
 .content-container-media {
	max-width: 100%;
	background-color:transparent;
	color:black;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 100px;
    background-image: url("../img/background/bg_media.png");
	}	

 .content-container-nobg {
	max-width: 98%;
	background-color:transparent;
	color:grey;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 0px;
	}	
	
 .content-container-contact {
	max-width: 100%;
	background-color:black;
	color:grey;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	}	
	
 .content-container-footer {
	max-width: 100%;
	background-color:darkgrey;
	color:grey;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	}		
	
  
  .box-red {
	max-width: 100%;
	background-color: #9d0131;
	color: white;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	}
	
   
   .music {
    background-image: url("..img/header.jpg");
    }	
   
  .box-topper {
	max-width: 100%;
	background-color: black;
	color: white;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 0px;
	padding-top: 20px;
	}

  .box-black {
	max-width: 100%;
	background-color: black;
	color: white;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 5px;
	padding-top: 20px;
	}  	
	

  .box-full {
	max-width: 100%;
	background-color: white;
	color: black;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	} 	

  .line {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
  }
  
  .line-small {
	max-width: 65%;
	margin-left: auto;
	margin-right: auto;
  }  
  
  .divider-bold {
	border: 2px solid grey;
	width: 30%;
  }
  
  .bordered-white {
    border: 8px solid white;
  }
  
  .button-red {
	 max-width: 45%;	
	 padding: 10px 2px 10px 2px;
	 border-radius: 3px;
	 background-color: white;
	 color: black;
	 margin-left: auto;
	margin-right: auto; 
  }
  
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #292929;
   padding-top: 10px;
   color: #999999;
   text-align: center;
}  
  
  .primary {
	color: grey;
  }
  
  .fasoundcloud {
	color: grey;
	text-color:black;
  }
  
  .supersmall-on-white {
   font-size: 10px;
   color: black;
  }
  
   .supersmall-on-white a:hover{
   font-size: 10px;
   color: black;
  }
  
  .on-white a:hover {
	color: darkgrey;
	text-decoration:none;
 }
  
  .responsive-video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
  }
  .responsive-video {
   position: relative;
   padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
   padding-top: 0px;
   height: 0;
   overflow: hidden;
}  

@media only screen and (max-width: 760px) {
 .sliders {
  margin-top:80px;
 }
body {
   margin: 0px;
   background-color: black;
   font-family: 'Montserrat', sans-serif;
   font-size: 16px;
   color: white;
   background-image: none;
   background-repeat: no-repeat;
   background-attachment: fixed;
}

  .button-red {
	 max-width: 100%;	
	 padding: 10px 2px 10px 2px;
	 border-radius: 3px;
	 background-color: white;
	 color: black;
	 margin-left: auto;
	margin-right: auto; 
  }
 
 .footer p {
	font-size: 12px;
 }