html, body { height: 100%; }
body {
  display: flex;
  color: #fff;
  background-color: #212529; /* text-bg-dark */
  text-shadow: 0 .05rem .1rem rgba(0,0,0,.5);
  box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
  font-family: "Jura", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.cover-container { max-width: 48rem; }
.nav-masthead .nav-link {
  color: rgba(255,255,255,.6);
  border-bottom: .25rem solid transparent;
  margin-left: 1rem;
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus { color: #fff; }
.nav-masthead .active { color: #fff; border-bottom-color: #fff; }
.btn-cta { padding: .6rem 1.1rem; }
footer small { color: rgba(255,255,255,.65); }

.hero-img {
  width: 60px; 
  height: 60px;
}

.hero-header h1 {
  font-size: 2rem;
  font-weight: 700;
}

@media (min-width:768px){
  .hero-header h1 {
    font-size: 2.5rem;
  }
}