/* Общие стили для мобильных устройств */
@media (max-width: 768px) {
    header {
        flex-direction: column; /* Размещаем элементы в колонку */
        align-items: center; /* Центрируем элементы */
        text-align: center;
    }

    .logo_container, .label_container, .proga_container {
        flex-basis: 100%; /* Элементы занимают всю ширину */
        margin-bottom: 20px; /* Отступы между блоками */
    }

    .menu_conainer {
        flex-direction: column; /* Меню в колонку */
        align-items: center;
    }

    .menu_item {
        width: 90%; /* Растягиваем пункты меню */
        margin-bottom: 10px; /* Отступы между пунктами */
    }

    .page {
        padding: 10px; /* Уменьшаем внутренние отступы */
        margin: 0; /* Убираем внешние отступы */
    }

    .page table {
        font-size: 14px; /* Уменьшаем размер текста в таблицах */
    }

    .footer {
        font-size: 12px; /* Уменьшаем размер текста в футере */
        padding: 10px 0; /* Уменьшаем отступы */
    }
}

/* Стили для очень маленьких экранов */
@media (max-width: 480px) {
    header h1 {
        font-size: 24px; /* Уменьшаем размер заголовка */
    }

    .menu_item {
        font-size: 14px; /* Уменьшаем размер текста в меню */
        padding: 8px 15px; /* Уменьшаем внутренние отступы */
    }

    .page p, .page a {
        font-size: 14px; /* Уменьшаем размер текста */
    }
}