@media (max-width: 650px) {
	
	.container {
        flex-direction: column;
    }

    .sidebar {
        flex-direction: row;
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .logo, .menu, .login {
        flex-direction: row;
        align-items: center;
    }

    .logo {
        flex-grow: 1;
    }

    .menu {
        flex-grow: 2;
        flex-direction: row;
        justify-content: center;
    }

    .menu-item {
        flex-direction: column;
        align-items: center;
        padding: 0 10px;
    }

    .login {
        flex-grow: 1;
        justify-content: flex-end;
    }
	
}