/**
 * @file
 * Section
 *
 * Base styles for all section content.
 */

.section {
  margin: 2rem 0;
  padding: 0;

  @media (min-width: $break-large) {
    margin: 3rem 0;
    padding: 0;
  }

  &__header {
    h2 {
      margin: 2rem 0 1rem;
      text-transform: capitalize;
    }

    @media (min-width: $break-medium) {
      h2 {
        margin: 64px 0 16px;
      }
    }

    @media (min-width: $break-large) {
      h2 {
        margin: 60px 0 16px;
      }
    }
  }

  &__intro {
    margin: 1rem 0 2rem;

    @media (min-width: $break-large) {
      margin: 1rem 0 2rem;
    }
  }

  &__cta {
    //@include cta(primary, lg, dark);
    text-align: center;
  }

}