body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

a:hover {
  color: var(--bs-link-hover-color);
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: var(--bs-link-hover-color) !important;
  border-color: var(--bs-link-hover-color) !important;
  color: #fff;
}

.text-primary {
  color: var(--bs-primary) !important;
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: var(--bs-primary);
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
  background-color: var(--bs-link-hover-color);
}

::selection {
  background: var(--bs-link-hover-color);
  text-shadow: none;
}

section#contact .form-control:focus {
  border-color: var(--bs-link-hover-color);
  box-shadow: none;
}

section#contact .form-control:focus {
  border-color: var(--bs-link-hover-color);
  box-shadow: none;
}

@media (min-width: 768px) {
  header.masthead .intro-text {
    padding-top: 300px;
    padding-bottom: 200px;
  }
}

@media (min-width: 768px) {
  header.masthead .intro-text {
    padding-top: 300px;
    padding-bottom: 200px;
  }
}

@media (min-width: 768px) {
  header.masthead .intro-text {
    padding-top: 300px;
    padding-bottom: 200px;
  }
}