/**//**//**/
/**/
/**/
/**/
/**/
/**/
 html, body, .capa { 
 	height: 100%;
 }


/* Layout*/
body {
	background: linear-gradient(50deg,#e6ffe6,#008000);
	opacity:0.90;
	background-attachment: fixed;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

	overflow-x: hidden; /*Remove a barra de navegação*/ 
}


/*Barra de navegação*/
.img-logo{
	color: transparent;
	height:40px;
	width:132px;

	display:block;
	background: url('imagens/spotify.svg') no-repeat;
	background-size: contain;

}

.navbar-brand{
	padding: 5px 0px 0px 0px;
}

.divisor{
	width: 1px;
	height: 16px;
	background: white;
	margin: 16px 10px;
}

 .navbar-inverse .navbar-nav>li>a, #rodape .nav a {
 	color: white;
 }
 .navbar-inverse .navbar-nav>li>a:hover, #rodape .nav a:hover {
 	color: #9bf0e1;
 	background: none;
 }

 .capa{
 	display:table;
 	width: 100%

 }

 .texto-capa{
 	text-align: center;
 	color: white;
 	display: table-cell;
	vertical-align: middle;
 }

 /*Botoes*/


/*Serviços*/

#servicos{
	background: white;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: 400;
}
.albuns{
	padding: 10px 10px 10px 10px;
}

/*Recursos*/

#recursos{
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: 400;
	color: white;
}

.rotacionar{
	-ms-transform:rotate(30deg);
	-webkit-transform:rotate(30deg);
	transform: rotate(30deg);
	padding: 50px;
}

/*RODAPÉ*/

footer{
	background: black;
	padding: 50px 0px 20px 0px; 
	position: relative;	
	color: white;
}

.rodape{
	-ms-transform:rotate(30deg);
	-webkit-transform:rotate(30deg);
	transform: rotate(30deg);
	padding: 50px;
}

.icons-rede{
	float:right;
}


/*Tipografia*/

h1{
	font-size: 100px;
	letter-spacing: -0.05em;
	font-weight: 750;
}

#servicos h2{
	font-size: 50px;
	font-weight: 700;
	letter-spacing: -0.04em;
	color: #7c25f8;
}

#servicos h3{
	font-size: 35px;
	font-weight: 700;
	letter-spacing: -0.04em;
	color: #7c25f8;
}

#recursos h2{
	font-size: 35px;
	font-weight: 700;
	letter-spacing: -0.04em;
	color: white;
}

#recursos h3{
	font-size: 25px;
	font-weight: 700;
	letter-spacing: -0.04em;
	color: #9bf0e1;
}

#rodape h4{
	color: #919496;
	font-size: 12px;
	text-transform: uppercase;
}