.layout {
    display: flex;
    min-height: 100vh;
}

.layout__main {
    position: relative;
    margin-left: 30%;
    border-right: 1px solid rgb(95, 108, 116);
    border-left: 1px solid rgb(95, 108, 116);
    min-width: 40%;
    max-width: 40%;
    min-height: 100%;
}

@media only screen and (max-width: 600px) and (orientation:portrait) {
    .layout__main {
        margin-left: 50px;
        border-right: 1px solid rgb(95, 108, 116);
        border-left: 1px solid rgb(95, 108, 116);
        max-width: 100%;
        min-width: calc(100% - 51px);
        min-height: 100%;
        border-right: none;
    }

}

@media only screen and (max-height: 575.98px) and (orientation: landscape) {
    .layout__main {
        margin-left: 50px;
        border-right: 1px solid rgb(95, 108, 116);
        border-left: 1px solid rgb(95, 108, 116);
        max-width: 100%;
        min-width: calc(100% - 51px);
        min-height: 100%;
        overflow-x: hidden;
        border-right: none;
    }
}