html, body{
    font-family: andalemo;
    font-size:100%;
    background:#000;
}
body a{
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
}
body a:hover{
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -o-transition:0.5s all;
    -moz-transition:0.5s all;
    -ms-transition:0.5s all;
    text-decoration:none;
}

h1,h2,h3,h4,h5,h6{
    margin:0;
}

p{
    margin:0;
}
ul{
    margin:0;
    padding:0;
    list-style:none;
}
label{
    margin:0;
}


@font-face {
  font-family: andalemo;
  src: url(../fonts/andalemo.ttf);
}
/*-- Header Part Starts Here --*/

.containergral{
 width:100%;
 }


.overall{
 width:80%;
 max-width: 850px;
 margin:0 auto;
}


.header{
    
    position: relative;
}



#banneress {
 
    background: url(../images/fondoindex.jpg) no-repeat center top;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size:contain;
    width:100%;
    min-height:250px;
    
    z-index: 999;
    margin:auto;
  /*margin-bottom:1em;*/
}

.vidcontainer{
 width:100%;
margin-bottom:6%;

}

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
vertical-align:center;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;

width: 100%;
height: 100%;
}

.linkscontainer {

width:100%;
margin: auto;
margin-bottom:2em;


}
.linkscontainer h1 {
  color: #eae2d5;
  font-size: 1.2em;
  font-weight:300;
  text-transform: uppercase;
  text-align:center;
  letter-spacing:0.08em;
  padding:2em 0;
  z-index:1;
  
  
}

.linkscontainer h1 a{
  color: #eae2d5;
 
  text-align:center;
  margin:0;
  
 
}

.linkscontainer h1 a:hover{
  color:#ceab5f;
}

.linkscontainer h2 {
  color: #eae2d5;
  font-size: 1.35em;
  font-weight:300;
  text-transform: uppercase;
  text-align:center;
  letter-spacing:0.08em;
  padding:.5em 0;
  z-index:1;
  
  
}

.linkscontainer h2 a{
  color: #eae2d5;
 
  text-align:center;
  margin:0;
  
 
}

.linkscontainer h2 a:hover{
  color:#ceab5f;
}


.single.two {
 width: 100%;
 vertical-align: center;
 text-align:center;
 position:relative;
 margin:auto;
 margin-bottom:1.5em;
 padding:0;
 
}

.single.two span a{
  color: #000;
    }

#subs{
max-width:300px;
  
    }
#mins{
  max-width:200px;
    }
    
.single.two span {
  display:inline-block;
  vertical-align: center;
  color: #000;
  font-size: 1.15em;
  font-weight:300;
  text-transform: uppercase;
  text-align:center;
  letter-spacing:0.06em;
  z-index:1;
  background-color:#eae2d5;
  border-radius:60px;
  width:100%;
  max-width:250px;
  padding:.5em 1em;
  border:2px solid #eae2d5;
  margin-bottom:2em;
  margin-right:.4em;
  margin-left:.4em;
}

.single.two span:hover{
 background-color:#000;
 color:#eae2d5;
 border:2px solid #eae2d5;
}







/*-- Header Part Ends Here --*/



/*--footer--*/

.copyrights {
    text-align: center;
    text-transform:uppercase;
	padding-top:2em;
}

.copyrights p {
    font-family: andalemo;
    color: #eae2d5;
    width: 100%;
    margin: 7px auto;
    line-height: 1.8em;
    font-size: 0.6em;
    letter-spacing: 0.2em;
}
.copyrights p a {
    color:#ccc;
}
.copyrights p a:hover {
    text-decoration: underline;
}


.copyright-right ul{
    padding:0;
    margin:0;
    text-align:center;
   
}


.copy-right {
 width:70%;
 vertical-align:center;
 margin:auto;
 padding:0;
 
}


#socialcenter{
    text-align:center;
    font-size:1em;
	

}

#socialcenter li{
 display:inline-block;
 min-width:35px;
 min-height:35px;
 margin:1%;
 color:#000;
 background-size: contain;
 -webkit-background-size: contain;
 -o-background-size: contain;
 -moz-background-size: contain;
 -ms-background-size: contain;
 
}

#socialcenter li:hover{
background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;}
    

#insta {
    background: url("../images/insta.jpg") no-repeat 0px 0px;
    }

#insta:hover {
    background: url("../images/insta2.jpg") no-repeat 0px 0px;
        }

#fb {
    background: url("../images/fb.jpg") no-repeat 0px 0px;
    }

#fb:hover {
    background: url("../images/fb2.jpg") no-repeat 0px 0px;
        }

#tw {
    background: url("../images/tw.jpg") no-repeat 0px 0px;
    }

#tw:hover {
    background: url("../images/tw2.jpg") no-repeat 0px 0px;
        }

#itunes {
    background: url("../images/itunes.jpg") no-repeat 0px 0px;
    }

#itunes:hover {
    background: url("../images/itunes2.jpg") no-repeat 0px 0px;
        }

#yt {
    background: url("../images/yt.jpg") no-repeat 0px 0px;
    }

#yt:hover {
    background: url("../images/yt2.jpg") no-repeat 0px 0px;
        }
        
#spoti {
    background: url("../images/spoti.jpg") no-repeat 0px 0px;
    }

#spoti:hover {
    background: url("../images/spoti2.jpg") no-repeat 0px 0px;
        }
        
#deezer {
    background: url("../images/deezer.jpg") no-repeat 0px 0px;
    }

#deezer:hover {
    background: url("../images/deezer2.jpg") no-repeat 0px 0px;
        }
        
 #pandora {
    background: url("../images/pandora.jpg") no-repeat 0px 0px;
    }

#pandora:hover {
    background: url("../images/pandora2.jpg") no-repeat 0px 0px;
        }       
        
/*.copyright-right ul li a.twitter:hover {
  opacity: 0.5;
}
*/

/*--/footer--*/

/*--/content--*/
/*--single--*/




/*--/single--*/
/*----responsive-menu-start--*/
@media(max-width:1600px){
 
/*.overall{
 max-width:1024px;;
 

}*/
  
}
@media(max-width:1366px){
    
 

}
@media(max-width:1280px){

 
}
@media(max-width:1200px){
 /* .overall{
 width:90%;
 
 } */
   
 #banneress{


min-height:250px;
}   
   
  
 }
 
 

   

@media(max-width:991px){

.single.two {
  width:100%;
 
  
  }

 .single.two span{
   	font-size: 1.1em;
    max-width:235px;  
 
} 
/* #mins{
    max-width:180px;  
 
} */

.linkscontainer {
   
  width:100%;
  }

.linkscontainer h1 {
   font-size: 1em;
  width:100%;
  }
}

   
}

@media(max-width:966px){


}
@media(max-width:853px){

/*.single.two{
 width:95%;
}
  */
  
}

@media(max-width:800px){


.single.two span{
 margin-right: auto;
 margin-left: auto;
}

  .overall{
 width:90%;
 
 } 


      
  .copy-right {
   width: 60%;

 }
   .copyrights {
        text-align: center;
        padding-top: 2.5em;
        
    }
      .single.two span{
    display:block;
	 font-size: 1em;
  margin-right:auto;
 
} 

    
}
@media(max-width:710px){
     






}
@media(max-width:667px){
   

  

.banner, #banneress{
 background: url(../images/fondoindexcel.jpg) no-repeat center center;
 background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size:contain;
 width:100%;  
min-height:220px;

}



.linkscontainer h1 {
   letter-spacing:0.1em;
  font-size: 1em;
  }
 






.copy-right{
 width:60%;


}
 .copyrights{
    padding-top:6em;
   

}   
}
@media(max-width:640px){
   
      
   
}
@media(max-width:603px){
   
  .single.two{
width:90%;

}

   
    
    
}


@media(max-width:600px){
     
.copy-right {
width: 60%;


} 
.linkscontainer h1 {
   letter-spacing:0.1em;
  font-size: .9em;
  width:100%;
  }
  
  
  
}

@media(max-width:570px){

.single.two { 
width:90%;

}


.single.two span {

 font-size: 1em;


}
.copy-right {
width: 60%;
}


}

@media(max-width:520px){

.single.two { 
width:95%;

}

}
@media(max-width:490px){
  
.copy-right{
   width: 70%;
  
    
}
 
#socialcenter li{
margin:2%;

} 

 .single.two{
width:100%;

}

.single.two span{
width:60%;

}



.linkscontainer h1 {
   letter-spacing:0.08em;
  font-size: .8em;

 }
 
}

@media(max-width:460px){

 .copyrights{
   
   padding-top:3.2em;

 
} 

 .copyrights p{
   
   font-size:0.53em;

 
}
.copy-right{
 width: 70%;

}




.linkscontainer h1 {

  font-size: .8em;}
 


 .single.two span {
 
 font-size: .9em;


}
 
  
}
@media(max-width:390px){

#banneress{


min-height:180px;
} 


.linkscontainer h1 {

  font-size: .7em;}
 
 .single.two span {
 
 font-size: .7em;


}
 

.copyrights p {
   font-size: 0.45em;
       
    }
.copy-right{
width:70%;
}
 
   
}
@media(max-width:360px){





}


@media(max-width:330px){
	.copy-right{
width:90%;
}
  
  #banneress{
min-height:130px;

}
 
 
 
 .single.two span {
 
 font-size: .6em;
 

}
 
  
}

@media(max-width:320px){


.linkscontainer h1 {

  font-size: .6em;}
 
 


}


/*----/responsive-menu-End--*/