.nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}
.nav ul li{
	font-size: var(--font-padrao);
	display: inline-block;
}
.nav ul li a{
  display: block;
  padding: 10px;
	color: var(--branco);
	text-decoration: none;
	font-size: var(--font-padrao);

}
.nav ul li:hover{
	background: #069;
	transition: .5s;
	background:  var(--botao-suporte);
}
.nav ul ul{
	position: absolute;
	min-width: 200px;
	background: #fc0;
	display: none;
}
.nav ul ul li{
	display: block;
	background: #069;
}
.nav ul li:hover ul{
	display: block;
}
.nav ul li i{
	float: right;
	padding-left: 6px;
	margin-top: -5px;
}

.nav nav div{
	color: #f4f4f4;
	font-size: 24px;
	padding: 0.6em;
	cursor: pointer;
	display: none;
}
.nav ul li .blue{
	color: #069;
}
.nav ul li .blue:hover{
	color: var(--branco);
}
.nav .suporte{
	background:  var(--botao-suporte);
}


@media(max-width: 900px){

  .nav 	nav div{
    display: block;
	}
	.nav ul{
		display: none;
		position: static;
	}
	.nav ul li{
		display: block;
	}
  .nav 	ul ul{
		position: static;
	}
}