.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #e3e3e3;
}

@media (max-width: 1440px) and (min-width: 768px) {
  .h2, h2 {
    display: block;
    margin-block-start: -1.2em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }
}

a:hover {
  color: rgb(111,111,111);
}

a {
  color: rgb(111,111,111);
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 2rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * 0);
  margin-right: calc(var(--bs-gutter-x)/ -2);
  margin-left: calc(var(--bs-gutter-x)/ -2);
}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #c9c9c9;
}

.navbar-light .navbar-toggler-icon {
  background-image: initial;
}

.navbar-light .navbar-toggler {
  color: rgb(0,0,0);
  border-color: rgba(0,0,0,0.35);
}

@media (min-width:768px) {
  .col-md-3 {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 2%;
    flex: 1 16%;
  }
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #FFF;
  text-align: left;
  list-style: none;
  background-color: rgba(0,0,0,0.86);
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem;
}

.ratio {
  position: relative;
  width: 20%;
}

.card-body {
  flex: .5 .5 auto;
  padding: .2rem .2rem;
}

.card-group > .card {
}

.logobrand {
  background: #ffffff;
  border-radius: 50px;
  margin-bottom: .5rem;
}