.m-header-container {
    @extend .m-nav; 
       
    header {
        z-index: 100;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 55px;
        display: table;
                
        h1, nav {
            display: table-cell;
            overflow: hidden;
        }

        nav:first-child {
            width: 33%;
        }
        
        nav:last-child {
            width: 33%;
        }
        nav:nth-child(2) {
            width: 33%;
        }
        
        nav:first-child {
            padding-left: 10px;
            text-align: left;
        }
        nav:last-child {
            text-align: right;
            padding-right: 10px;
        }
        
        nav:first-child a {
            text-align: left;
        }
        
        .m-nav-item {
            position: relative;
            top: 10px;
            padding: 0;
            display: inline-block;
        }
                
        &.m-hidden {
            display: none;
        }

        h1 {
            text-align: center;
            font-weight: bold;
            line-height: 55px;
            text-overflow: ellipsis;
            white-space: nowrap;
            
            img {
                position: relative;
                top: 4px;
            }
        }
    }
}
