:root{
  --beige: rgb(255,242,204);
  --hero-overlay: rgba(43, 58, 72, 0.55);
  --pill-border: rgba(0,0,0,.35);
  --cta: #fffffe;
}

.hero{
  min-height: 420px;
  background:
    linear-gradient(var(--hero-overlay), var(--hero-overlay)),
    url("../Images/Background.jpg");

  background-size: 100% auto; 
  background-position: center top;
  background-repeat: no-repeat;
}


.btn-cta{
  background: var(--cta);
  border: 1px solid rgba(0,0,0,.2);
}

.btn-cta:hover{
  filter: brightness(0.97);
}

.features-strip{
  background: var(--beige);
  border-top: 1px solid rgba(0,0,0,.08);
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.feature-pill{
  background: #fff;
  border: 1px solid var(--pill-border);
  border-radius: 12px;
  padding: 12px 10px;
  font-weight: 500;
  box-shadow: 0 1px 0 rgba(0,0,0,.05);
}

.photo-card{
  display: flex;
  justify-content: center;
}

.navbar .nav-link{
  color: #111;
}

.navbar .nav-link:hover{
  text-decoration: underline;
}