#container {
    width: 79%;
    max-width: 1200px;
    margin: auto;
   
}
#logo2 {
    background: url(https://internetgeo26.ru/skin/assets/images/logo2.png) no-repeat center; /* Фоновое изображение */
    padding: 6%;  /* Отступы вокруг изображения */
    width: 35%;   /* Ширина элемента */
    max-width: 487px; /* Максимальная ширина элемента */
    height: 120px; /* Установите высоту, чтобы изображение отображалось корректно */
    background-size: contain; /* Убедитесь, что изображение масштабируется по размеру элемента */
}

#navmenu2 {
    float: right;
}

a.button13 {
    display: inline-block;
    width: 15em;
    font-size: 80%;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: #2e7ebd 0 1px 2px;
    text-decoration: none;
    text-align: center;
    line-height: 1.1;
    padding: .7em 0;
    border: 1px solid;
    border-color: #60a3d8 #2970a9 #2970a9 #60a3d8;
    border-radius: 6px;
    outline: none;
    background: linear-gradient(#89bbe2, #60a3d8 50%, #378bce);
    box-shadow: inset rgba(255, 255, 255, 0.5) 1px 1px;
}

a.button13:first-line {
    font-size: 170%;
    font-weight: 700;
}

a.button13:hover {
    color: #fff; /* Упрощаем цвет */
    background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce);
}

a.button13:active {
    color: #fff; /* Упрощаем цвет */
    border-color: #2970a9;
    background-image: linear-gradient(#5796c8, #6aa2ce);
}


#bar {
    background: #007bff;
    color: white;
    padding: 10px;
    text-align: center;
}

#navmenu2 {
    margin: 10px 0;
}

#menu {
    list-style-type: none;
    padding: 0;
    background: #333;
    display: flex; /* Используем Flexbox для горизонтального расположения */
    justify-content: space-around; /* Распределяем элементы по ширине */
}

#menu li {
    position: relative; /* Позиционируем элементы для подменю */
}

#menu li a {
    color: white;
    padding: 15px 20px;
    display: block; /* Делаем ссылки блочными для удобства нажатия */
    text-decoration: none;
}

#menu li ul {
    display: none; /* Скрываем подменю по умолчанию */
    position: absolute; /* Абсолютное позиционирование подменю */
    background: #444; /* Цвет фона подменю */
    z-index: 1000; /* Устанавливаем порядок слоев */
}

#menu li:hover ul {
    display: block; /* Показываем подменю при наведении */
}

#menu li ul li {
    display: block; /* Подменю в столбик */
}

/* Стили для мобильных устройств */
@media (max-width: 600px) {
    #menu {
        flex-direction: column; /* Вертикальное расположение на мобильных устройствах */
        align-items: flex-start; /* Выравнивание по левому краю */
    }

    #menu li {
        width: 100%; /* Полная ширина для элементов меню */
    }

    #menu li a {
        padding: 10px; /* Уменьшаем отступы для мобильных устройств */
        text-align: left; /* Выравнивание текста по левому краю */
    }
}