@media (max-width: 900px), (max-height: 650px) {
    #title-wrap {
        top: 4vh;
        width: min(92vw, 720px);
    }

    #splash-text {
        top: 68%;
        left: 72%;
        font-size: clamp(14px, 2.4vw, 22px);
        max-width: 38vw;
    }

    #menu {
        top: 43vh;
        width: min(76vw, 560px);
    }

    .menu-row {
        margin-top: 18px;
    }
}

@media (max-width: 700px) {
    .menu-row {
        flex-direction: column;
    }

    #menu {
        width: 86vw;
    }
}