.sanfona{
	width: 100%;
	display: block;
	padding: 100px 0;
}
.sanfona .conteudo{
	width: 100%;
	display: block;
}
.sanfona .conteudo .texto{
	width: 100%;
	display: block;
}
.sanfona .conteudo .itens{
	width: 100%;
	display: block;
}
.sanfona .conteudo .itens .item{
	width: 100%;
	display: block;
	margin-bottom: 20px;
}
.sanfona .conteudo .itens .item h3{
	font-size: 16px;
	font-family: var(--font-family);
	color: var(--color);
	padding: 0px 0px 10px 0;
	display: block;
	position: relative;
	width: 100%;
	border-bottom: 1px solid var(--color-destaque);
	cursor: pointer;
	transition: var(--transtion-time);
}
.sanfona .conteudo .itens .item h3 i{
	float: right;
	line-height: 36px;
	transition: var(--transtion-time);
}
.sanfona .conteudo .itens .item .descricao_principal{
	display: none;
	padding: 10px 0 25px 15px;
	color: var(--color);
	background: #a4ba5121;
}
.sanfona .conteudo .itens .item.active h3 i{
	transform: rotate(180deg);
}
@media only screen and (min-width: 768px) {
	.sanfona .conteudo .texto .titulo_principal{
		font-size: 36px;
	}
}
@media only screen and (min-width: 1024px) {

}