.site-title {
  font-size: 4rem;
  font-weight: 500;
}

h1 {
  font-size: 4rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.card.gradient {
  color: #000000;
  background:linear-gradient(180deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
}

.gradient code, .gradient a {
  color: #000000;
}

.gradient code {
  font-family: monospace;
}

figure .card-img {
  flex: 1 0 0%;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.tl-slidenav-next .tl-slidenav-icon:before {
  font-family: bootstrap-icons !important;
  font-weight: 900;
  content: "\f285" !important;
}

.tl-slidenav-previous .tl-slidenav-icon:before {
  font-family: bootstrap-icons !important;
  font-weight: 900;
  content: "\f284" !important;
}

#splash, #hero {
  height: 100vh;
  min-height: unset;
  padding-top: 200px;  
  padding-bottom: 250px;
  margin-bottom: 3rem;
  margin-top: -60px;
}

.dm #hero {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../assets/images/sara-cottle-Y3H7xPo5kwQ-unsplash-scaled.jpeg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.lm #hero {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url("../assets/images/sara-cottle-Y3H7xPo5kwQ-unsplash-scaled.jpeg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

blockquote {
  max-width: 70vw;
  text-align: center;
  font-style: italic;
  font-size: 1.5rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
}

figcaption {
  font-size: .8rem;
  font-style: italic;
  text-align: center;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 80vw;
  }
}

header.sticky-lg-top {
  height: 60px;
  background-color: rgba(0, 0, 0, 0);
  font-variant: small-caps;
}

header.sticky-lg-top .active {
  text-decoration-line: underline;
}

#choose, #choose .h-100 {
  min-height: 100vh;
}

#choose .col {
  padding-top: 50px;
}
#choose a {
  color: inherit;
}