body {
  /*  background-image:url(../img/bg.jpg);
 	background-repeat: repeat;  */
	color:#fff;
	font-size:19px;
	font-family:'Oswald','Boogaloo';
	font-weight:100;
	height:100%;
	height:100%;
}

a, a:hover, a:visited, a:active{
	 color:#FFF; 
	 text-decoration:none; 
	 }
	 
	 a:hover {
		 /* text-decoration:underline ; */
		 
		 }

.logo{
	position: relative;
    top: -395px;
    margin: auto;
    z-index: 2;
	
}
	
	
p strong{color:#FDDE7E;}

.mosaic-mask{
	
	
	width:100%;
	height:494px;
	
		background:	-webkit-radial-gradient(center center, circle cover, rgba(0,0,0,0.5) 30%,rgba(0,0,0,0) 40%);
		background:-o-radial-gradient(center center, circle cover, rgba(0,0,0,0.5) 30%,rgba(0,0,0,0) 40%);
		background:-moz-radial-gradient(center center, circle cover, rgba(0,0,0,0.5) 30%,rgba(0,0,0,0) 40%);
		background:radial-gradient(center center, circle cover, rgba(0,0,0,0.5) 30%,rgba(0,0,0,0) 40%);
	
	}
		 
		 
header{
	width:100%;
	height:494px;
	padding:0px;
	
	
	background-image:url(../img/mosaicoHome.jpg);
    background-repeat: repeat;
	
	 -webkit-animation: animate_background 10s linear 0s infinite;
    -moz-animation: animate_background 10s linear 0s infinite;
    -o-animation: animate_background 10s linear 0s infinite;
    animation: animate_background 10s linear 0s infinite;
	
	
	}		 
	
	@-webkit-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: 1505px 0;
    } 
}
@-moz-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: 1505px 0;
    } 
}
@-o-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: 1505px 0;
    } 
}
@keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: 1505px 0;
    } 
}


.shadow{ box-shadow: 10px 10px 25px #000000; }
.text-shadow{ text-shadow: 2px 2px #000000;}

section{padding:40px 0;}



#release{
		background:	-webkit-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%), url(../img/guitar-bg.jpg) repeat;
		background:-o-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%), url(../img/guitar-bg.jpg) repeat;
		background:-moz-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%), url(../img/guitar-bg.jpg) repeat;
		background:radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%), url(../img/guitar-bg.jpg) repeat;
}

#release img{margin: 20px 0; }
/*#release .img-circle{box-shadow: 20px 5px 47px #000000;}*/



#depoimento{
	background-color:#4F7177;
	color:#FFF;
	
}





.parallax {
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
    color: #fff;
}

#paralax01{
	height:330px;
	 background-image: url('../img/paralax01.jpg');
}


#paralax02{
	height:330px;
	 background-image: url('../img/pedais.jpg');
}

#discografia{
	background:	-webkit-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), 	url('../img/background-retro.jpg') no-repeat fixed top;
	background:	-o-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), 		url('../img/background-retro.jpg') ; 
	background:	-moz-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), 	url('../img/background-retro.jpg') ; 
	background:	radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), 	url('../img/background-retro.jpg') ; 
	
	background-size: cover;
	 
	 
}

#trio {

	background:	-webkit-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), 	url('../img/steel-bg.jpg') repeat; 
	background:	-o-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), 	url('../img/steel-bg.jpg') repeat; 
	background:	-moz-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), 	url('../img/steel-bg.jpg') repeat; 
	background:	radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), 	url('../img/steel-bg.jpg') repeat; 

}

#trio .img-circle{margin: 40px 0;box-shadow: 20px 5px 47px #000000;}

h1 , h2, h3 {text-shadow: 4px 4px 5px #000000;}

h3 {
  color:#FDDE7E;
}




#videos{
	
	background:-webkit-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), url('../img/tijolo-bg.jpg') repeat; 
	background:-o-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), url('../img/tijolo-bg.jpg') repeat; 
	background:-moz-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), url('../img/tijolo-bg.jpg') repeat; 
	background:radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), url('../img/tijolo-bg.jpg') repeat; 
	
}

.video-quad{
	    border: 4px solid #000;
		box-shadow: 0px 5px 25px #000000;
	
	}

/*#downloads h3{
	font-family: 'Nothing You Could Do', cursive;
    color: #5454AD;
	color:rgba(84, 84, 173, 0.7);
    text-shadow: none;
	position:absolute;
	text-decoration: underline;
	*/

   
	}	

#download-quad{
	margin:20px;
	padding:20px;
	background-color: rgba(0, 0, 0, 0.36);
	border-radius:30px;
	border: 1px solid #FFF
	}
	
footer{
	padding:20px 0;
	background:	-webkit-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), 	url('../img/steel-bg.jpg') repeat; 
	background:	-o-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), 	url('../img/steel-bg.jpg') repeat; 
	background:	-moz-radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), 	url('../img/steel-bg.jpg') repeat; 
	background:	radial-gradient(center center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 70%), 	url('../img/steel-bg.jpg') repeat; 
}	


/* 
   ------------------------------------------------------
					Responsive Styles
   ------------------------------------------------------
*/








@media (min-width: 992px) and (max-width: 1199px) {
	
	
	
}


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

}





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



	
}

/*------------------------------------------*/
/*	 CELULAR
/*------------------------------------------*/
@media only screen and (max-width: 640px){
	
	h2{ 
		font-size:18px;
	}
	
	 .hidden-xs {
    display: none !important;
  }


@media (max-width: 480px) {
	
	

	
}


@media (max-width: 320px) {

	
}