.orgy-top-container { display: flex; justify-content: space-around; } @media all and (max-width: 900px) { .orgy-top-container { flex-flow: column wrap; } .orgy-info-window-item { max-height: 20% !important; height: 20% !important; } .orgy-chat-window-item { max-height: 80% !important; height: 80% !important; } } @media all and (min-width: 900px) { .orgy-top-container { flex-flow: row nowrap; } } .orgy-chat-window-item { flex-grow: 2; width: fit-content; } .orgy-info-window-item { max-width: 550px; width: 550px; } .rumble-player { aspect-ratio: 16/9; max-width: min(70vw,500px) !important; width: 500px; }