.navbar-toggler {
  border: none;
}

@media (min-width: 768px) {
  .navbar-brand img {
    position: relative;
    top: -0.5rem;
  }
}

@media (min-width: 768px) {
  .navbar {
    padding-top: 2rem;
  }
}

.sharer .fa {
  margin: 0 0.65rem;
  display: inline-block;
}

.sharer {
  color: white;
  position: absolute;
  margin-top: -4.5rem;
  margin-left: -2.5rem;
  font-size: 0.85rem;
}

@media (max-width: 992px) {
  .sharer {
  position: fixed;
  margin: 0;
  left: 50%;
  transform: translateX(-50%);
  top: 2rem;
  }
}

@media (min-width: 992px) {
  .sharer {
    margin-left: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .sharer {
    margin-left: 2.25rem;
  }
}

@media (min-width: 1400px) {
  .sharer {
    margin-left: 3rem;
  }
}

.dropdown-menu {
  background: none;
  border: none;
  border-radius: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #0165b4;
  background: white;
  border-radius: 20rem;
  /*padding: 0.5rem 1rem;*/
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 1em;
  border-left: .3em solid transparent;
}

@media (min-width: 768px) {
  .dropdown-menu.show {
    width: 100%;
    position: fixed !important;
    left: 0;
    top: 5.75rem;
    text-align: center;
    background: #2196f3;
    padding: 2rem 30vw;
    column-count: 2;
  }
}

@media (min-width: 768px) {
  .dropdown-item {
    padding: 0.5rem 2rem;
    margin-bottom: 0.5rem;
  }
}

.dropdown-item {
  color: white;
  font-weight: 400;
  font-size: 0.8rem;
  text-align: left;
}


@media (max-width: 768px) {
  .dropdown-item {
    text-align: center;
  }
}

.dropdown-item.disabled {
  opacity: 0 !important;
  pointer-events: none;
}

.nav-pills .nav-link {
  border: none;
  border-radius: 100rem;
  padding: 1rem 3.5rem;
  margin: 0 0.25rem;
  color: #2e3192;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .nav-pills .nav-link:focus, .nav-pills .nav-link:hover {
  background: rgb(2,100,179);
  background: linear-gradient(135deg, rgba(0,113,200,1) 0%, rgba(39,58,151,1) 100%);
  color: white !important;
}