.page {
    margin: 0 auto;
    width: 100%;
    height: 100vh;
    display: grid;
    grid-template-columns: 60px 400px auto;
    grid-template-areas: "side cont chaat";
    overflow: hidden;
}

.page .sidemenu {
    margin: 0 auto;
    width: 100%;
    grid-area: side;
    background-color: #5F86C2;
    display: grid;
    grid-template-rows: 70px auto 50px;
}

.page .contact {
    margin: 0 auto;
    width: 100%;
    grid-area: cont;
    background-color: rgb(250 252 255)
}

.page .chat {
    margin: 0 auto;
    width: 100%;
    grid-area: chaat;
    background-color: rgb(255, 255, 255);
    display: grid;
    grid-template-rows: 60px auto 165px;
}

@media (max-width: 768px) {
    .page {
        margin: 0 auto;
        width: 100%;
        height: 100vh;
        display: grid;
        grid-template-columns: 0 0 auto;
        grid-template-areas: "side cont chaat";
        overflow: hidden;
    }
}