.story-nav {
       position: sticky;
       z-index: 111;
       top: -1px;
       background: #fff;
       color: #000;
       display: flex;
       flex-direction: row;
       flex-wrap: nowrap;
       justify-content: space-evenly;
       padding: 0px 0px;
    }
 
    .story-nav a {
       color: #000;
       background: #fff;
       border-top: 1px solid #e7e7e7;
       border-bottom: 1px solid #e7e7e7;
       transition: all 0s;
       flex: 1 1 auto;
       line-height: 100px;
       font-size: 16px;
       text-align: center;
       height: 100%;
       text-decoration: none;
       text-transform: uppercase;
       font-weight: 600;
       letter-spacing: 0.8px;
    }
 
    .story-nav a:hover {
       background: #000;
       color: #fff !important;
       border-bottom-color: transparent;
       border-top-color: transparent;
       border-left-color: #000 !important;
    }
 
    .story-nav a:focus,
    .story-nav a:active,
    .story-nav a.active {
       background: #000;
       color: #fff !important;
       border-bottom-color: transparent;
       border-top-color: transparent;
       border-left-color: #000 !important;
    }
 
    .story-nav a:not(:first-child) {
       border-left: 1px solid #e7e7e7;
    }
 
    @media screen and (max-width: 1023px) {
       .story-nav {
          display: none;
       }
    }