.site-list {
    display: flex;
    flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку */
    /* justify-content: space-between; Распределение элементов внутри контейнера */
    justify-content: center;
}

.site-item {
    width: calc(20% - 10px); /* Ширина элемента - 25% от ширины контейнера минус отступы */
    margin: 20px; /* Отступ между элементами */
    /* Другие стили по вашему усмотрению */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 500;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(31, 44, 71, .05);
    min-height: 78px;
    color: #1f2c47;
    padding: 20px;
}
.site-list a:hover {
    position: relative;
    left: -5px;
    top: -5px;
    box-shadow: 9px 11px 10px 0 rgba(31, 44, 71, .1), 0 5px 5px 3px rgba(31, 44, 71, .05);
}
/* При уменьшении размера экрана элементы переносятся на новую строку */
@media screen and (max-width: 970px) {
    .site-item {
        width: calc(30% ); /* Ширина элемента - 50% от ширины контейнера минус отступы */
    }
}

/* При уменьшении размера экрана элементы переносятся на новую строку */
@media screen and (max-width: 768px) {
    .site-item {
        width: calc(50% - 20px); /* Ширина элемента - 50% от ширины контейнера минус отступы */
    }
}

/* Еще более маленькие экраны, например, мобильные */
@media screen and (max-width: 480px) {
    .site-item {
        width: 100%; /* Элементы занимают всю ширину контейнера */
    }
}

.home{
    background-color: #f4f5f6 !important;
}