body {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}
/* Narrower than standard .container (e.g., max 800px at largest screens) */
.narrow-container {
  max-width: 800px !important; /* Adjust value as needed; !important overrides Bootstrap */
}

/* Or make it responsive like Bootstrap's breakpoints */
@media (min-width: 576px) {
  .narrow-container {
    max-width: 500px; /* Narrower than default 540px */
  }
}
@media (min-width: 768px) {
  .narrow-container {
    max-width: 700px; /* Narrower than default 720px */
  }
}
@media (min-width: 992px) {
  .narrow-container {
    max-width: 900px; /* Narrower than default 960px */
  }
}
@media (min-width: 1200px) {
  .narrow-container {
    max-width: 1100px; /* Narrower than default 1140px */
  }
}
@media (min-width: 1400px) {
  .narrow-container {
    max-width: 1300px; /* Narrower than default 1320px */
  }
}