.subNav {
    margin-left: 3rem;
    margin-bottom: 2rem;
    float: right;
    width: 250px;
}
    .subNav-item {
        margin-bottom: .25rem;
        border: 1px solid #FFA630;
        border-left-width: 5px;
    }
    .subNav-item:hover, .subNav-item.subNav-active {
        border-color: #46B098;
        background-color: #9CDCCE;
        color: #FFF;
    }
    .subNav-item > a {
        display: block;
        padding: .75rem 1rem;
    }
    .subNav-item > a > *:last-child {
        margin-bottom: 0;
    }
    .subNav-title {
        font-size: .9em;
        margin-bottom: .2rem;
        text-transform: capitalize;
    }
    .subNav-description {
        font-family: 'proxima-nova', 'Arial', sans-serif;
        font-size: .8em;
    }
.subNav_sticky {
    z-index: 100;
    position: fixed;
    top: 30px;
}
    @media (max-width: 1000px) {
        /*.subNav {
            display: none;
        }*/
        .subNav {
            float: none;
            width: auto;
            margin-left: 0;

            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: stretch;
            align-content: flex-start;
        }
        .subNav-item {
            display: inline-block;
            min-width: 175px;
            flex: 1;
            margin-right: 2px;
        }
    }