:root {
  .site-page {
    --bs-heading-color: #000;
  }
}

.site-page {
  /*  padding-top: 140px;*/
  padding-bottom: 50px;

  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color);

    font-family: 'RockStar';
    text-transform: uppercase;
  }


  .h1,
  h1 {
    font-size: calc(1.375rem + 1.5vw)
  }

  @media (min-width:1200px) {

    .h1,
    h1 {
      font-size: 2.5rem
    }
  }

  .h2,
  h2 {
    font-size: calc(1.325rem + .9vw)
  }

  @media (min-width:1200px) {

    .h2,
    h2 {
      font-size: 2rem
    }
  }

  .h3,
  h3 {
    font-size: calc(1.3rem + .6vw)
  }

  @media (min-width:1200px) {

    .h3,
    h3 {
      font-size: 1.75rem
    }
  }

  .h4,
  h4 {
    font-size: calc(1.275rem + .3vw)
  }

  @media (min-width:1200px) {

    .h4,
    h4 {
      font-size: 1.5rem
    }
  }

  .h5,
  h5 {
    font-size: 1.25rem
  }

  .h6,
  h6 {
    font-size: 1rem
  }

  p {
    margin-top: 0;
    margin-bottom: 1rem
  }

  ol,
  ul {
    padding-left: 2rem
  }

  dl,
  ol,
  ul {
    margin-top: 0;
    margin-bottom: 1rem
  }

  ol ol,
  ol ul,
  ul ol,
  ul ul {
    margin-bottom: 0
  }

  b,
  strong {
    font-weight: bolder
  }


}