.mobile-next {
        background: #2B90D3; 
        display: flex;
        justify-content: center;
        align-content: center;
        width: 100%;
        min-height: 30px;
    }

    .header--dates {
        width: 100%;
        display: flex;
        position: relative;
        z-index: 1000;
    }
    .header--dates ul {
        display: none; 
        list-style: none;
        flex-direction: row;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .header--dates ul li {
        display: flex;
        flex: 1 1 auto;
        align-content: center;
        justify-content: center;
    }

    .header--dates ul li:nth-child(odd){
        background: #003B7F; /* Darker blue */
    }
    .header--dates ul li:nth-child(odd):hover a {
        background: #00234c; /* Darker blue */
        color: #ffffff;
    }
    .header--dates ul li:nth-child(even){
        background: #2B90D3; /* Blue */
    }    
    .header--dates ul li:nth-child(even):hover a {
        background: #2273aa; /* Blue */
        color: #ffffff;
    }
    .header--dates a {
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        font-size: .7em;
        display: flex;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        font-family: "Arial", sans-serif;
        width: 100%;
        height: 100%;
        padding: 3px 10px !important;
        text-transform: none;
        letter-spacing: inherit;
    }

/* Breakpoints */
@media screen and (min-width: 992px) {
    
    .mobile-next {
        display: none;
    }
    .header--dates ul {
        display: flex; 
    }
    
}