h1, h2, h3, h4{
  small{
    display: block;
    font-size: 1rem;
    margin-top: 1rem;
    letter-spacing: 3px;
    margin-bottom: 1rem;

  }
}
.special-title{
  position: relative;
  margin-bottom: 2rem;

  &::after{
    content: '';
    display: block;
    width: 100%;
    position: relative;
    border-left: 1px solid currentColor;
    height: 3em;
    max-height: 7rem;
    margin-top: 1rem;
  }

  &[style*=center]::after{
    transform: translateX(50%);
  }
  &[style*=right]::after{
    left: auto;
    right: 0;
  }


  @include media-breakpoint-up(sm) {
    margin-bottom: 3.5rem;
  }

  small{
    display: block;
    font-size: 1rem;
    margin-top: 1rem;
    letter-spacing: 3px;
    margin-bottom: 1rem;

  }
  @include media-breakpoint-up(sm) {
    .right:last-child{
      padding-left: 6.25em;

      &::before{
        display: none;
      }
      &::after{
        content: '';
        display: inline-block;
        width: 6.25rem;
        position: relative;
        border-bottom: 1px solid currentColor;
        margin-left: 1rem;
        top: -0.25rem;
      }
    }
  }

}