.index {
  @import 'index/hero';

  .banner,
  .guides,
  .events,
  .sponsors {
    h4 {
      position: relative;
      width: fit-content;
      color: $f-color;
      font-size: 2rem;
      margin: 1.5rem 0;

      &:after {
        content: "";
        position: absolute;
        top: 1.95rem;
        right: -.6rem;
        height: .2rem;
        border: .2rem solid $btc;
      }
    }
  }

  @media only screen and (max-width: 600px) { 
    .banner,
    .guides,
    .events,
    .sponsors {
      h4 {
        font-size: 1.5rem;
        margin: .5rem auto 0 auto;

        &:after {
          top: 1.5rem;
          right: -.5rem;
          height: .15rem;
          border: .15rem solid $btc;
        }
      }
    }
  }

  @import 'index/guides';
  @import 'index/events';
  @import 'index/sponsors';
  @import 'index/banner';
}