body {
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
    margin: 0;
    /* font-size: 16px; */
    background-color: dimgray;
    /* direction: rtl; change it as you like */
    /* direction: ltr; */
}

.container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    background-color: white;
}

.main-content {
    min-height: 90vh; /* 100vh */
    padding: 18px; /*20px;*/
    /* background: url('../img/bk02-0.125.jpg'); */
    background-color: #2f2f2f;
}

@media (max-width: 738px) {
    .container {
        max-width: 100%;
    }
}