a{
	text-decoration:none;
}
#contact {text-align: center;width:100%;}
#geral {  padding: 110px 0 20px !important;}
#toTop {
    padding: 5px 3px;
	width:40px;
	height:40px;
    background: #f00;
    color: #fff;
    position: fixed; 
	border-radius:20px;
    bottom: 0;
    right: 5px;
    display: none;
	z-index:9999;
}
.side-bar-toggle{
	display:none;
}
#toTop a:hover,.side-bar-toggle a:hover{
	cursor:pointer;
}
#conteudo{
	display:block !important;
	position:fixed;
	right:5px;
	transition:all ease-in-out 0.7s;
}
#conteudo.animate{
	right:-300px;
	transition:all ease-in-out 0.7s;
	
}
#social-icons ul{
	position:relative !important;
	top:0px;
	right:5px !important;
	display:inline-block;
}
.navbar-collapse .nav li{
	display:inline-block;
	padding:8px 12px;
}





ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;     position: fixed; width:100%;
  overflow: hidden;
  background-color: #333; z-index:999;
}

ul.topnav li {
    display: inline-block;
}
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 15px 13px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
}
#logo{    width: 100% !important;
    max-width: 527px !important;}
ul.topnav li a:hover {background-color: #555;}

ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: fixed;     height: 79%;
    overflow: scroll;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  .side-bar-toggle{
	  display:block;
  }
}




















.side-bar-toggle a{
	color: #fff;
    background: red;
    position: fixed;
    left:0;
	padding:5px 10px;
    z-index: 998;
}
.hide_bar{
	display:none;
	position:fixed;
	right:-200px;
}

.about h1 {
	margin: 10px 0px;
}
.music .music-section h1, .live-events h1, .free-mixtapes h1, .music-videos h1, .instrumentals-leasing h1, .sample-packs h1, .merchandise h1, .newsletter h1, .donations h1, .contact h1, .discography h1, .faq h1, .friends h1, .ads h1 {
	margin: 30px 0px;
	font-size: 38px;
}
.digital-stores .store h1 {
	margin: 40px 0px 0px;
}
#content .logo {
	width: 300px;
	height: auto;
}
.youtube iframe {
	width: 100%;
	height: 360px;
}
.music-section iframe {
	width: 500px;
	height: 400px;
}
@media all and (min-width: 831px) and (max-width: 1024px) {
#content {
	width: 65% !important;
	margin-left: 30px;
}
.youtube iframe {
	width: 100%;
	height: 300px;
}
}
@media all and (min-width: 769px) and (max-width: 830px) {
#content {
	width: 100% !important;
}
.youtube iframe {
	width: 100%;
	height: 300px;
}
html body iframe {
    width: 100% !important;
}
}
@media all and (max-width: 424px) {
#logo{
	width:100%;
}
#content {
	width: 90% !important;
	margin: auto;
}
#geral {
	width: 100%;
}
.music-section iframe {
	width: 100%;
	height: auto;
}
}
@media all and (min-width:320px) and (max-width:768px) {
	#geral {  padding:60px 0 20px !important;}
#content .logo {
	width: 240px;
}
.publicidade2 {
	max-width: 320px;
	width: 100%;
}
#contact {
	width: 100%;
	max-width: 300px;
}
#contact input, #contact textarea {
	width: 100%;
	max-width: 300px;
}
#contact textarea {
	width: 100%;
	max-width: 300px;
}
.music .music-section h1, .live-events h1, .free-mixtapes h1, .music-videos h1, .instrumentals-leasing h1, .sample-packs h1, .merchandise h1, .newsletter h1, .donations h1, .contact h1, .discography h1, .faq h1, .friends h1, .ads h1 {
	font-size: 24px;
}
html body iframe {
	width: 100% !important;
}
html body iframe image {
	width: 100% !important;
}
#content {
	width: 100% !important;
}
#geral {
	max-width: 768px;
	width: 100%;
}
.publicidade {
	width: 95%;
}
.publicidade img {
	width: 100%;
	height: auto;
}
}