.text-1col-center {
  position: relative;
  margin: 75px 0;
  padding: 0 $gutter;
  text-align: center;

  @include sm {
    margin: 50px 0;
    padding: 0 $gutter-mobile;
  }

  &__content {
    max-width: $header-content-width-small;
    margin: auto;

    @include sm {
      width: 100%;
    }
  }

  &__text {
    margin: 24px 0 0;

    > *:first-child {
      margin-top: 0;
    }

    > *:last-child {
      margin-bottom: 0;
    }
  }

  &__cta {
    a {
      margin-top: 24px;
      padding: 0 24px;
    }

    @include sm {
      text-align: center;
      
      a {
        width: 100%;
        max-width: 320px;
        margin-top: 40px;
      }
    }
  }
}