// FEATURES MARKETING PAGE SPECIFIC STYLES

.feature-section {
  margin: 0 0 32px;

  .feature-header, .text-headline {
    text-align: center;
  }

  .feature-header img {
    margin: 16px;
    max-width: 70px;
  }

  .feature-title {
    @include font-size(16);
    font-weight: 500;
    margin: 8px 0px;
    clear: both;
  }

  .feature-row {
    display: flex;
    flex-wrap: wrap;

    @media (max-width: 600px) {
      flex-direction: column;
    }

    .feature {
      max-width: 300px;
      margin: 0 16px;

      @media (max-width: 768px) {
        max-width: 100%;
      }
    }
  }
}
