@media screen and (max-width: 1599px) {
    .place-card {
        width: calc(100vw) !important;
    }
}

@media screen and (max-width: 1286px) {
    .right-bar {
        display: none !important;
    }

    .content-area-guide, .content-area-app, .content-area-place {
        width: calc(100vw - 270px) !important;
    }

    .content-card {
        width: calc(100vw - 330px) !important;
    }

    .settings-card-large.with-left-bar, .guide-card-large.with-left-bar {
        width: calc(100% - 30px) !important;
    }
}
@media screen and (max-width: 899px) {
    .left-bar {
        display: none !important;
    }
    .content-area {
        left: 0 !important;
    }
    .content-area-app, .content-area-guide, .content-area-place {
        width: 100vw !important;
    }
}


@media screen and (max-width: 600px) {
    #login-container, .browser-sizing, .selection-card {
        display: none !important;
    }

    #browser-size-warning {
        position: absolute;
        left: 8vw;
        display: block;

        box-sizing: border-box;
        text-align: center;
        width: 84vw;
        top: 40vh;
        font-size: 1.25rem;
    }

    #login-body {
        overflow: hidden;
        background: white;
    }
}

@media screen and (min-width: 599px) {
    #browser-size-warning {
        display: none;
    }
}