@import url(variables.css);

header {
  background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.5));
  color: var(--text-color);
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 86px;
}
#open-menu,
#menu-mobile,
#menu_logo {
  display: none;
}

header nav ul {
  display: flex;
  align-items: center;
  padding-top: 0.6625rem;
  flex-direction: row;
  justify-content: space-around;
}
header nav ul .menu_navegacao {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

header nav ul .menu_contato {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
header nav ul li {
  min-width: fit-content;
  height: fit-content;
  padding: 0 0.75rem;
  font-size: small;
  cursor: pointer;
  list-style: none;
}
header nav ul li a {
  text-decoration: none;
  color: var(--text-color);
}
a:hover {
  color: #6c757d;
}
.off {
  visibility: collapse;
}
@media screen and (max-width: 990px) {
  header {
    height: 70px;
  }
}