:root {
  --bs-primary: #D6002A;
  --bs-primary-rgb: 214, 0, 42;
  --bs-primary-alt: #F00;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: var(--bs-primary-alt);
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
}

@font-face {
  font-family: "Akkurat";
  src: url("/static/fonts/akkurat/AkkuratLLWeb-Regular.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
}

header.masthead {
  background-image: url("header-bg.jpg");
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  header.masthead .masthead-heading {
    margin-bottom: 1rem;
    font-family: "Akkurat", sans-serif;
  }
  header.masthead .masthead-subheading {
    margin-bottom: 1rem;
    font-family: "Akkurat", sans-serif;
  }
}

#mainNav {
    background-color: rgba(255, 255, 255, 0.5);
}

#mainNav.navbar-shrink {
  background-color: #fff;
}

.nav-link {
  background-color: #000;
}

section#contact {
  background-image: url("map-image.png");
} 

.h3 {
  margin-bottom: 0;
}

.btn-primary {
  --bs-btn-hover-bg: var(--bs-primary-alt);
  --bs-btn-hover-border-color: var(--bs-primary-alt);
  --bs-btn-active-bg: var(--bs-primary-alt);
  --bs-btn-active-border-color: var(--bs-primary-alt);
}