@media (max-width: 1000px) {

    @media (orientation: portrait) {
        .aside-panel > .popup main {
            width: 100%;
            height: 60%;
        }

        .aside-panel > .popup aside {
            width: 100%;
            height: 40%;
        }

        .menu {
            height: 100%;
        }

        .popup main .flex-container {
            width: 100%;
            height: inherit;
            padding: 0 40px;
        }

        .flex-container .scrollable-content {
            font-size: 20px;
            margin-top: 1rem;
        }

        .wrapper .close-icon-screenspace {
            right: 40px;
        }
    }

    @media (orientation: landscape) {
        .aside-panel .popup main {
            height: 100%;
            width: 60%;
        }

        .aside-panel > .popup aside {
            height: 100%;
            width: 40%;
        }

        .popup main .flex-container {
            padding: 0 40px;
        }

        .flex-container .scrollable-content {
            font-size: 20px;
            margin-top: 1rem;
        }

        .wrapper .close-icon-screenspace {
            right: 35px;
        }
    }

    :not(.popup-worldspace) > .popup h1 {
        font-size: 25px;
    }

    :not(.popup-worldspace) > .popup p {
        font-size: 18px;
    }

    :not(.popup-worldspace) > .menu {
        border-radius: 0;
    }

    :not(.popup-worldspace) > .menu h1 {
        font-size: 30px;
    }

    :not(.popup-worldspace) > .menu li {
        font-size: 18px;
    }

    :not(.popup-worldspace) > .help h1 {
        font-size: 30px;
    }
}