header {
  max-width: 100vw;
}
header, .logo {
  transition: all .5s ease-in-out;
}
#main-menu {
  transition: var(--transition);
  background: rgba(31, 31, 31, 0.94);
  height: auto;
}
.logo {
  min-width: 74px;
  max-width: 126px;
}
#navbar-a, .menu-a {
  display: flex;
}
#navbar-a p {
  margin: 0;
}
.navbar {
  /* border-top: 0.5px solid rgb(255 255 255 / 50%); */
  border-bottom: 0.5px solid rgb(255 255 255 / 50%);
}
.nav-link {
  font-size: 1.188rem;
  font-family: var(--font);
  text-rendering: optimizeLegibility;
  color: rgba(255,255,255, 1)!important;
}
.menu-a .nav-link {
  font-size: 1.063rem;
}
.menu-a .nav-item {
  list-style: none;
}
.nav-link:hover {
  color: rgba(255,255,255, .7)!important;
}
.social {
  border-left: 0.5px solid rgb(255 255 255 / 50%);
}
.dropdown-menu {
  background-color: var(--white);
}
.dropdown-item {
  font-size: 1.125rem;
  color: var(--submenu);
  font-family: var(--font);
}
.dropdown-item:hover,
.dropdown-item:active,
.dropdown-item:focus {
  color: var(--white);
  background-color:#707070;
  outline: var(--white);
}
.navbar-brand {
  transition: var(--transition);
}
/* nav.bread-crumb {
  margin-top: 66px;
  font-family: var(--font);
}
.breadcrumb-item > a {
  color: var(--primario);
  font-weight: 500;
}
.breadcrumb-item > a:hover {
  color: var(--secundario);
  text-decoration: none;
}
@media all and (min-width: 1200px) {
  nav.bread-crumb {
    margin-top: 86px;
    font-family: var(--font);
  }
} */

#to-up {
  width: 3.188rem;
  position: fixed;
  right: 4%;
  bottom: 4%;
}
#to-up a {
  color: var(--primary);
  opacity: .75;
  transition: var(--transition);
}
#to-up a:hover {
  color: var(--primary);
  opacity: 1;
}
li.nav-item.active {
  border-top: solid 2px var(--primario);
  transition: var(--transition);
}
.login-btn {
  background-color: #00a6a6;
}

#ToggleMenu ul li {
  padding: .75rem 0;
}

@media all and (min-width: 1200px) {
  .navbar {
    background-color: transparent !important;
  }
  #navbar-a {
    max-width: 88%;
    margin: auto;
    justify-content: space-between;
  }
}
@media all and (max-width: 768px) {
/*   .navbar-collapse {
    background: rgba(237,241,255,1)!important;
    padding: 1rem;
  } */
  .navbar-toggler {
    border: none;
  }
  .navbar {
    border: none;
  }
  .social {
    flex-direction: row;
    justify-content: space-around;
    border: none;
  }
}