@font-face {
    font-family: 'anotherregular';
    src: url('../fonts/another_.eot');
    src: url('../fonts/another_.eot?#iefix') format('embedded-opentype'),
         url('../fonts/another_.woff') format('woff'),
         url('../fonts/another_.ttf') format('truetype'),
         url('../fonts/another_.svg#anotherregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { margin: 0; padding: 0; }
body {	overflow-x: hidden; }

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

.img-title {
	max-width: 100%;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; 
	}
}

/*#container { 
	position: relative; 
	width: 655px; 
	margin: 50px auto; 
	
	overflow: hidden;
}*/

#container {
  margin: 50px auto;
  overflow: hidden;
  position: relative;
  width: 900px;
}

#container #topo { width:100%; float:left; margin-bottom:50px;  }

#container #topo #logo { 
	width:395px; 
	float:left; 
}

#container #topo #logo h1 { 
	display:block;
	float:left;
	background:url(../imgs/logo-thiago-wilbert-e-os-buena-onda.png) top left no-repeat;
	font-size:0px;
	width:203px;
	height:76px;	
	text-indent: -9999px;   
}

#container #topo #redessociais {
  float: right;
  text-align: right;
  width: 180px;
}

#container #topo a, #container #topo a:hover, #container #topo a:visited { 
	font-family: 'anotherregular', helvetica, arial; 
	font-size:19px;
	color:#321f27;
	text-decoration:none;
}

#container #topo #redessociais ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#container #topo .icone { 
	display:block; 
	float:left; 
	width:43px; 
	height:43px; 
	background-image:url(../imgs/icones-redes-sociais.png); 
	background-repeat:no-repeat;
	filter: saturate(0%);
	-webkit-filter: saturate(0%);
	-moz-filter: saturate(0%);
	-o-filter: saturate(0%);
	-ms-filter: saturate(0%);
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
	margin:0px 1px;
} 

#container #topo .icone:hover {
	filter: saturate(100%);
	-webkit-filter: saturate(100%);
	-moz-filter: saturate(100%);
	-o-filter: saturate(100%);
	-ms-filter: saturate(100%);
}

#container #topo #twitter { background-position: 0; }

#container #topo #youtube { background-position: -46px 0; }

#container #topo #instagram { background-position: -92px 0; }

#container #topo #facebook { background-position: -137px 0; }

#container #foto { width:100%; float:left; text-align:center; margin: 0 0 30px;  }

#container #video { width:80%; margin:0 auto; clear:both; } 

#container #musica { width:80%; margin:0 auto; clear:both; } 

.container-musica {
  overflow: hidden;
  position: relative;
  width: 655px;
  margin: 20px auto;
}