.hero {
  padding: calc(50vh - 260px) 0 12vh 0;

  h3 {
    color: $f-color;
    font-size: 4rem;
    line-height: 4rem;
    text-align: center;

    span {
      position: relative;
      color: $btc;

      &:after {
        content: "";
        position: absolute;
        bottom: .55rem;
        left: 0;
        width: 100%;
        height: .2rem;
        border: .2rem solid $btc;
      }
    }
  }
}

@media only screen and (max-width: 600px) {
  .hero {
    padding: 18vh 0;

    h3 {
      font-size: 2.2rem;
      line-height: 2.2rem;

      span:after {
        bottom: .35rem;
        height: .15rem;
        border-width: .15rem;
      }
    }
  }
}