.tab {
    margin:  0;
    padding: 0;
    list-style: none;
    display: table; /* [1] */
    table-layout: fixed; /* [2] */
   width: 100%; /* [3] */

  
}

    .tab_item {
   display: table-cell; /* [4] */
      padding-left:0;
    }

        .tab_link {
   display: block; /* [5] */


}



/**
 * Primary nav. Extends `.tabs`.
 *
 * 1. Stop tabs’ corners leaking out beyond our 4px round.
 */
.primary-nav {
    text-align: center;
   overflow: hidden; /* [1] */
   background-color:#f5f5f7;

}

        .primary-nav a {
   height:35px;
   padding-top:15px;

   text-decoration: none;
   margin:0;

        }

        .primary-nav a:hover {
            background-color: #fff481;
        }

.border{      border-right:1px solid #fff;}



  .active {
   background-color: #fff481;

        }