body {
  font-family: Roboto, sans-serif;
  --bs-primary: #60000d;
  --bs-primary-rgb: 96,0,13;
  --bs-dark: #000000;
  --bs-dark-rgb: 0,0,0;
  --bs-secondary: #603913;
  --bs-secondary-rgb: 96,57,19;
  --bs-warning: #feca1f;
  --bs-warning-rgb: 254,202,31;
}

a {
  text-decoration: none;
}

.condensed {
  font-family: 'Roboto Condensed';
}

.loose {
  letter-spacing: 0.08rem;
}

#Banner {
  background-image: url("../../assets/img/St-Clair-Banner.webp");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 470px;
}

.inside {
  background-image: url("../../assets/img/Inside-Banner.webp");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}

footer {
  background-image: url("../../assets/img/Footer-BG.webp");
  background-position: bottom center;
}