@font-face {
  font-family: nunito;
  src: url(../fonts/Nunito/static/Nunito-Regular.ttf);
}

@font-face {
  font-family: nunito-bold;
  src: url(../fonts/Nunito/static/Nunito-Bold.ttf);
}

* {
  box-sizing: border-box;
  font-family: nunito;
}

/* CABEÇALHO */
/* !!!!!!!!! */
/* !!!!!!!!! */
header {
  align-items: flex-end;
  background-color: white;
  display: flex;
  justify-content: space-between;
  padding: 4.8vw 9.37vw 1vh;
  width: 100%;
  z-index: 1;
}

/*LOGO VAI AQUI!!!*/
#logo h1 {
  background: url(../images/logo-preto.svg) no-repeat center; /*só troca o nome da imagem já tá centralizado*/
  background-size: cover; /*se o cover não cair bem use o contain*/
  height: 5.5vw;
  margin-block-end: unset;
  margin-block-start: unset;
  width: 14.5vw;
}

/*MENU RESPONSIVO*/
#menu-responsivo-amarracao {
  display: none;
}

#responsive_nav {
  display: none;
}

#botao-responsivo {
  display: none;
}

/*MENU*/
#menu-desktop-amarracao {
  align-items: center;
  display: flex;
}

#menu-desktop ul {
  align-self: flex-end;
  display: flex;
  list-style: none;
  padding-inline-end: 3.33vw;
  padding-inline-start: 0;
}

#menu-desktop a {
  color: black;
  font-size: 1.1vw;
  font-family: nunito;
  letter-spacing: 0.1em;
  margin-left: 24px;
  text-align: center;
  text-decoration: none;
}

#menu-desktop a:hover {
  color: #2c1951;
  text-decoration: underline;
}

header button {
  background-color: #8606d4;
  border: unset;
  border-radius: 4px;
  filter: drop-shadow(rgba(44, 25, 81, 0.4) 0px 4px 10px);
  font-size: 1.1vw;
  color: #f2edff;
  letter-spacing: 2px;
  height: 4.16vw;
  width: 22vw;
}

header button:hover {
  background-color: #2c1951;
  color: white;
  cursor: pointer;
  /*Adicione mais formatações ao botão se quiser que ele mude de cor quando passar o mouse por cima...*/
}