section.traits .hero {
    text-align: center;
    color: #FFF;
    height: 250px; }
    @media print, screen and (min-width: 40em) {
      section.traits .hero {
        height: 600px; } }

  section.traits .hero-text {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding-right: 15px; }
    @media print, screen and (min-width: 40em) {
      section.traits .hero-text {
        padding-right: 0; } }

  section.traits .tabs {
    border: 0;
    text-align: center;
    margin-top: 50px; }
    section.traits .tabs li {
      padding: 0 15px;
      float: none;
      display: inline-block;
      width: 30%;
      text-align: center;
      padding: 0;
      margin-bottom: 20px; }
      @media print, screen and (min-width: 40em) {
        section.traits .tabs li {
          padding: 0;
          border-right: 1px solid #E2E2E2;
          width: 15%; }
          section.traits .tabs li:last-child {
            border: 0; } }
      section.traits .tabs li a {
        padding: 0; }
        @media print, screen and (min-width: 40em) {
          section.traits .tabs li a {
            padding: 20px; } }
      section.traits .tabs li:hover img {
        opacity: 1; }
      section.traits .tabs li img {
        opacity: .3; }
      section.traits .tabs li a:hover, section.traits .tabs li a:focus, section.traits .tabs li a:active {
        background: transparent; }
      section.traits .tabs li .title {
        margin-top: 20px;
        text-transform: uppercase;
        color: #ADADAD;
        font-weight: bold;
        font-size: 14px; }
      section.traits .tabs li.is-active a {
        background: transparent; }
      section.traits .tabs li.is-active img {
        opacity: 1; }

  section.traits .tabs-content {
    border: 0;
    background: #F6F6F6;
    border-radius: 5px;
    padding: 10px;
    text-align: center; }
    @media print, screen and (min-width: 40em) {
      section.traits .tabs-content {
        padding: 50px; } }
    section.traits .tabs-content h2 {
      text-transform: none;
      font-size: 40px;
      font-weight: 300; }
    section.traits .tabs-content hr {
      width: 100px;
      border-color: #000; }
    section.traits .tabs-content small {
      margin-bottom: 40px;
      font-size: 14px; }
/*
    section.traits .tabs-content .button-medium {
      max-width: 250px;
      margin: 0 auto; }
*/
    section.traits .tabs-content p {
      font-size: 20px; }
      @media print, screen and (min-width: 40em) {
        section.traits .tabs-content p {
          width: 60%;
          margin: 30px auto; } }
    section.traits .tabs-content a {
      color: #000; }

  section.traits .cta {
    margin-top: 60px; }
    section.traits .cta h2 {
      text-transform: none;
      font-size: 40px;
      font-weight: 300;
      margin-top: 20px; }
    section.traits .cta a.button {
      color: #000;
      display: inline-block;
      padding-right: 30px;
      padding-left: 30px; }
      section.traits .cta a.button.black-outline {
        background: #FFF;
        -webkit-box-shadow: inset 0px 0px 0px 3px #000;
                box-shadow: inset 0px 0px 0px 3px #000; }