:root {
  --primary-color: #a67c52; /* Bronze color from the logo */
  --secondary-color: #ffffff; /* White color */
  --dark-color: #000000; /* Black color */
}

body {
  background-color: var(--secondary-color);
}

.navbar {
  background-color: var(--dark-color);
}

.navbar-brand {
  color: var(--primary-color) !important;
}

.nav-link {
  color: var(--primary-color) !important;
}

.nav-link:hover {
  color: var(--secondary-color) !important;
}

header {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}

footer {
  background-color: var(--dark-color);
  color: var(--secondary-color);
}

h1, h2, h4 {
  color: var(--primary-color);
}

.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-primary:hover {
  background-color: var(--dark-color);
  border-color: var(--dark-color);
}

.nav-logo {
  max-height: 50px;
}

.cover-logo {
  max-height: 250px;
}

.card-image {
  max-width:100%;
  max-height:100%;
  object-fit: cover;
}

.cards .card {
  height: 300px;
}