:root{
  --brand-primary:#111111;
  --brand-secondary:#222222;
  --brand-accent:#d7263d;
  --brand-on-primary:#ffffff;
  --brand-on-secondary:#ffffff;
  --brand-on-accent:#ffffff;
}
.navbar{ background:var(--brand-secondary); }
.navbar .nav-link,.navbar .navbar-brand,.navbar .navbar-text{ color:var(--brand-on-secondary)!important; }
.hero-banner{ height:300px; background-size:cover; background-position:center; border-bottom:1px solid rgba(0,0,0,.08); }
@media (max-width:576px){ .hero-banner{ height:180px; } }
a{ color:var(--brand-accent); } a:hover{ color:var(--brand-primary); }
.btn-primary{ background:var(--brand-primary)!important; border-color:var(--brand-primary)!important; color:var(--brand-on-primary)!important; }