/*DEFINIÇÔES DO MENU*/
:root {
	/*COR DO BACKGROUND*/
    --bg-aberto: #202020;
   	/*DISTANCIA DO TOPO DA TELA (LISTA)*/
    --pd-topo: 30px 0;
    /*DISTANCIA ENTRE OS ITENS */
    --dis-li: 2px 0;

    /*COR BOTÃO PARA ABRIR*/
 	--color-bars:white;
 	/*FONT BOTÃO PARA ABRIR*/
 	--font-bars:22px;

 	/*COR BOTÃO PARA FECHAR*/
 	--color-close:white;
 	/*FONT BOTÃO PARA FECHAR*/
 	--font-close:20px;

}
#close-button-menu{
	display: none;
}
#open-button-menu{
	display: none;
}
@media only screen and (max-width: 768px){
	#header_topo{
		bottom: unset!important;
		top: 0!important;
		opacity: 1!important;
	}
	.moile-menu {
	    position: fixed;
	    height: 100vh;
	    width: 100%;
	    top: 0;
	    background: var(--bg-aberto);
	    left: 0;
	    transition: 0.3s;
    	transform: translateX(200vw);
	}
	.header nav ul {
   	 	flex-direction: column;
    	padding: var(--pd-topo);
	}
	.header nav ul li {
    	margin: var(--dis-li);
	}
	#close-button-menu {
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	    padding: 15px 60px;
	    font-size: var(--font-close);
	    color: var(--color-close);
	    text-decoration: none;
	}
	.moile-menu.open{
		transform: translateX(0vw)!important;
	}
	#open-button-menu {
	    color: var(--color-bars);
	    font-size: var(--font-bars);
	}
	#open-button-menu{
		display: block;
	}
}