/**
 * @fileoverview Этот файл содержит стили CSS для логотипов и текста в шапке веб-страницы,
 * адаптированные для различных размеров экрана.
 */

/**
 * Определяет отступы для логотипов CES и Keiio.
 */
.margin-logo-ces {
    margin: 0 0 0 10%;
    /* Отступ слева для логотипа CES */
}

.margin-logo-keiio {
    margin: 0 10% 0 2%;
    /* Отступы для логотипа Keiio */
}

/**
   * Определяет базовые размеры для логотипов в шапке.
   */
.header-logo-base {
    width: 100px;
    /* Ширина логотипа */
    height: 100px;
    /* Высота логотипа */
}

/**
   * Стилизует основной текст в шапке.
   */
.main-header-text {
    margin: 2% 0;
    /* Вертикальные отступы */
    padding: 20px;
    /* Внутренние отступы */
    text-align: center;
    /* Выравнивание текста по центру */
}

/**
   * Определяет стиль текста в шапке.
   */
.header-text {
    font-size: 24px;
    /* Размер шрифта */
    color: white;
    /* Цвет текста */
}

/**
   * Устанавливает свойства flex для колонки с основным текстом шапки.
   */
.header-main-text-col.col {
    flex: 2 1 0px;
    /* Flex-параметры */
}

/**
   * Стилизует колонку с логотипом Keiio.
   */
#keiio-col {
    display: flex;
    /* Включение flex-контейнера */
    align-items: center;
    /* Выравнивание элементов по центру */
    justify-content: flex-start;
    /* Выравнивание содержимого в начале */
    align-content: stretch;
    /* Растягивание содержимого */
    height: 100%;
    /* Высота колонки */
}

/**
   * Медиа-запросы для экранов с максимальной шириной 1000px.
   * Скрывает определенные элементы и адаптирует стили для меньших экранов.
   */
@media screen and (max-width: 1000px) {

    #comitet-header-name-span,
    #ces-header-name-span>* {
        display: none;
        /* Скрытие названий в организаций*/
    }

    #keiio_logo>* {
        place-content: stretch flex-end;
        /* Выравнивание логотипа Keiio */
        justify-content: end;
        /* Выравнивание содержимого в конце */
    }

    .header-main-text-col.col {
        flex: 4 1 0%;
        /* Изменение flex-параметров для колонки с текстом */
    }

    .header-logo-base.margin-logo-keiio {
        width: 80px;
        /* Уменьшение ширины логотипа Keiio */
        height: 80px;
        /* Уменьшение высоты логотипа Keiio */
    }

    .main-header-text {
        font-size: 20px;
        /* Уменьшение размера шрифта основного текста */
    }

}