@media all and (max-width: 960px){
    /* styles here */
    
    .adminNav .toggleAdminNav {
        display:block;
    }
    
    .adminNav .navItem {
        display:none;
    }
        
    .nav {
        background-color: #4D4D4D;
        /* position: relative; */
        text-align: center;
        display: block;
        position: absolute;
        width: 100%;
        z-index: 101;
        text-align: left;
    }
    
    .menubar .navLogo {
        text-align: center;
        font-weight: bold;
        display: block;
        padding: 2px 0;
    }
    
    .menubar {
        background-color: #4D4D4D;
        text-align: center;
        height: 30px;
        padding-top: 30px;
    }
    
    .menubar .menuButton {
        vertical-align: top;
        height: 24px;
        width: auto;
        padding: 3px;
        cursor: pointer;
        display: block;
        position: absolute;
        z-index: 1;
    }
    
    .menubar .navLogo a {
        font-weight: bold;
        color: #fff;
        text-decoration:none;
    }
    
    .nav .navItem a {
        font-weight: bold;
        color: #fff;
    }
    
    .nav .navItem {
        display: none;
        margin: 0;
        padding: 3px;
        border-radius: 4px;
        font-size: 12px;
        transition: background-color 0.25s ease;
        /* float: left; */
    }
    
    .nav .navItem .nav {
        display: block;
        position: relative;
        margin: 0 0 0 10px;
    }
    
}