#mainBlockContentDiv {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - var(--nav-height));
    padding: calc(var(--bfs) * 3);
}


@media (max-width: 600px) {
    #mainBlockContentDiv {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
}


#divForReference {
    --gap: calc(var(--bfs) * 6);
    width: min(100%, 1400px);
    display: grid;
    grid-gap: var(--gap) var(--gap);
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    grid-auto-rows: minmax(300px, auto);
}