/**
 * Содержит стили CSS для footer веб-страницы, адаптированные для различных размеров экрана.
 */

/**
 * Определяет стиль текста, размер шрифта и минимальную ширину для колонок нижнего колонтитула.
 */
.footer-col {
    text-align: left;
    /* Выравнивание текста по левому краю */
    font-size: 14px;
    /* Размер шрифта */
    min-width: 250px;
    /* Минимальная ширина */
}

/**
   * Медиа-запросы для экранов с максимальной шириной 1000px.
   * Адаптирует размер шрифта текста в нижнем колонтитуле.
   */
@media screen and (max-width: 1000px) {
    .footer-body-text {
        font-size: .8rem;
        /* Размер шрифта основного текста */
    }

    .footer-header-text {
        font-size: 1.2rem;
        /* Размер шрифта заголовков */
    }
}

/**
   * Медиа-запросы для экранов с максимальной шириной 500px.
   * Меняет компоновку и стиль элементов нижнего колонтитула для оптимизации отображения.
   */
@media screen and (max-width: 500px) {
    .footer>div:nth-child(1) {
        flex-wrap: wrap !important;
        /* Перенос элементов */
        justify-content: center !important;
        /* Выравнивание по центру */
    }

    .footer>div:nth-child(1)>* {
        width: 80% !important;
        /* Ширина элементов */
        margin-bottom: 1rem !important;
        /* Отступ снизу */
    }

    .footer {
        height: min-content !important;
        /* Высота по минимальному содержимому */
    }
}