.spout {
  font-variant: small-caps;
}

.section {
  padding: $spacing-unit 0;
  border-bottom: 1px solid $grey-color-light;

  &.last-section {
      border-bottom: none;
  }

  .section-title {
    text-align: center;
  }

  .description {
    width: 600px;
  }

  &.centered .description {
      text-align: center;
  }

  .icons {
      text-align: center;

      img {
          margin: 10px 20px;
      }
  }

  &.section-odd {
    background-color: rgba($grey-color, 0.0);
  }

  &.section-even {
    background-color: $grey-color-very-light;
  }

  .btn-wrapper {
    margin: $spacing-unit 0;
    text-align: center;

    .btn {
      border-radius: 5px;
      border: 1px solid;
      background: $brand-color;
      box-shadow: none;
      color: white;
      font-size: 20px;
      padding: 15px 30px;
      text-decoration: none;
      cursor: pointer;
      font-weight: 500;
    }

    .btn:hover {
      background: darken($brand-color, 10%);
    }

    .page-link:hover {
      text-decoration: none;
    }
  }
}

.feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.feature-check {
  background: url("../images/blue-check-mark.png") no-repeat left top;
  background-size: 15px 15px;
  background-position-y: 4px;
  padding-left: 25px;
}
