html, p, small {
  font-family: 'Open Sans', sans-serif;
  color: var(--bs-secondary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif;
  color: var(--bs-primary);
}

small {
  font-style: italic;
  font-size: 0.7rem;
}

#FCS-lg {
  display: none;
}

@media (min-width: 768px) {
  #FCS-lg {
    display: initial;
  }
}

#FSC-sm {
  display: initial;
}

@media (min-width: 768px) {
  #FSC-sm {
    display: none;
  }
}

.h-chevron {
  aspect-ratio: 20/9;
  font-weight: bolder;
  font-size: min(1.4vw, 16pt);
  width: 15%;
  margin-right: -1%;
  padding-right: 1%;
}

.v-chevron {
  aspect-ratio: 16/9;
  font-weight: bolder;
  font-size: min(5vw, 24pt);
  width: 100%;
  margin-bottom: -5%;
}

.h-arrow {
  aspect-ratio: 48/7;
}

.v-arrow {
  aspect-ratio: 1/2;
}

#v-time-savings {
  display: flex;
}

@media (min-width: 768px) {
  #v-time-savings {
    display: none;
  }
}

#h-time-savings {
  display: none;
}

@media (min-width: 768px) {
  #h-time-savings {
    display: flex;
  }
}