.header-bar {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  background: rgba(60, 57, 64, 1);
}

.header-bar .nome {
  font-family: 'Lexend Deca', sans-serif;
  font-size: 1.2rem;
  position: relative;
}

.nav_bar {
  width: 100%;
}

.nav_bar a {
  font-size: 1.4em;
}

.header-bar .nav_bar_itens {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.header-bar .nav_bar_itens.nav_bar_itens .social-item .fab,
.header-bar .nav_bar_itens.nav_bar_itens .social-item .fas {
  font-size: 1.2rem;
  margin: 0 10px;
  transition: transform 350ms ease;
}

.social-item a:hover {
  color: #FD7E14;
}


@media (max-width: 991px) {
  .header-bar {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 15px;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background: rgba(60, 57, 64, 1);
  }


  
}