.app .ui.menu {
    flex: 0 0 auto;
    width: 100%;
    margin: 0;  
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 800;
    border: none;
    border-radius: 0;
}

    .app .ui.inverted.menu {
        background: #1b1c1d;
        color: #fff;
    }
    
    .app .ui.menu .left.menu {
        display: flex;
        flex: 1 0 auto;
    }
        .app .ui.menu .left.menu > .item.logo {
            flex: 0 1 auto;
            font-family: 'Leckerli One', cursive;
            font-size: 20px;
            text-align: center;
        }

    @media (max-width: 991px) {
        .app .ui.menu .left.menu {
            display: flex;
            flex-direction: row;
        }
            .app .ui.menu .left.menu > .item {
                flex: 1 0 auto;
                width: auto !important;
            }
    }

    .app .ui.menu .primary.signup.button {
        background-color: #2185d0;
        color: #fff;
        font-weight: bold;
    }

        .app .ui.menu .primary.signup.button:hover {
            background-color: #1678c2;
            color: #fff;
        }

        .app .ui.menu .primary.signup.button.active {
            background-color: #1a69a4;
            color: #fff;
        }
    
    .app .ui.menu .menu.right {
        width: 100%;
    }