section {

  margin-top: 3rem;

  > h1 {

    font-size: 1.5rem;
    font-family: var(--font-alt);
    line-height: 1.5rem;
    margin-bottom: 1.5rem;

    a.section-title-cta {
      font-size: 1rem;
      color: var(--color);
      text-align: right;
      display: block;
      text-decoration: none;
      float: right;
      transition: color .2s ease-in;

      i {
        margin-left: .5rem;
      }
    }

    a.section-title-cta:hover {
      color: var(--yellow);
    }
  }

}

@media only screen and (max-width: 700px)  {

  section {

    > h1 {
      font-size: 1.2rem;
      line-height: 1.2rem;
      font-weight: 600;

      a.section-title-cta {
        font-weight: 400;
      }

    }

  }

}