.bg-primary {
  background-color: #1f3241 !important;
}

.portfolio-box .portfolio-box-caption {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  color: #fff;
  background: rgb(16,102,139,.6);
  transition: all .2s;
}

hr {
  max-width: 50px;
  border-width: 3px;
  border-color: var(--bs-blue);
  border-top: 0;
}

.text-primary {
  color: #ffffff !important;
}

.mt-5 {
  margin-top: 20px !important;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
  color: var(--bs-red);
}

.text-muted {
  color: rgb(255,255,255) !important;
}

.text-dark {
  color: #212529 !important;
}

@media (min-width: 992px) {
  #mainNav .navbar-brand {
    color: var(--bs-light);
  }
}

@media (min-width: 992px) {
  #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
    color: var(--bs-danger);
  }
}

a {
  color: var(--bs-danger);
  text-decoration: none;
}

.border {
  border: 0px solid #dee2e6 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #fff;
  background-color: #14203a !important;
}