/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
#wraper {
height:inherit;
}

#bc {
margin-right:40px;	
}

#lyrics, #about {	
margin-bottom:40px;
margin-left:0;
margin-right:40px;
}

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

.d_hide {
display:block;	
}

.m_hide {
display:none;	
}

.content {
padding:50px;
}

.next, .prev {
position:fixed; z-index:20; right:0px; top:10%; padding:10px 10px 10px 10px; background:#f9f3e4; opacity:0.5	
}

.next img, .prev img {
width:17px!important;	
}

.prev {
width:20px!important;	
}

#wraper {
margin:0;	
top:0;
background:none;
padding:0;
overflow:auto;
}

#menu span {
display:none;
}

#wraper #bc {
width:100%;
float:left;
}

#wraper #bc iframe {
width:100%;
}

#about, #lyrics, #videos {
clear:both;
float:left;
width:90%;
visibility: visible;
display:block;
margin-top:40px;
margin-bottom:0px;
margin-left:0;
color:white;
font-size: 1.0em;
line-height: 1.5em;
min-height:100px;
padding-bottom:40px;
background: url(../img/black_trans.png);
padding:5%;
}

.#about p #lyrics p {
visibility: visible;
width:90%;
}

#wraper #menu {
width:100%;
height:auto;
background: url(../img/black_trans.png);
margin-top:40px;
margin-bottom:350px;
}

#wraper #menu #largelogo {
display:block;
width:90%;	
padding-left:5%;
padding-top:5%;
}

.hide_a {
	display:none;
}

#videos {
min-height:100px;	
}

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	

}