.container-header {
    background-color: #efefef; !important;
    background-image: none !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Изменение размера изображения логотипа */
.container-header .navbar-brand img {
    max-height: 60px; /* Задайте нужную высоту */
    width: auto;
}

.header, .header-class {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 100;
}
/* 1. Обычное состояние пунктов меню */
.header .container-nav .mod-menu .nav-link,
.header .container-nav .mod-menu a {
    color: #222 !important; /* Замените на ваш цвет */
}

/* 2. При наведении курсора (Hover) */
.header .container-nav .mod-menu .nav-link:hover,
.header .container-nav .mod-menu a:hover {
    color: #aaa !important; /* Замените на ваш цвет */
}

.container-header .mod-menu > li > a, 
.container-header .mod-menu > li > span {
    font-size: 1.05rem; /* Измените размер на ваш выбор (1.1em, 1.2em и т.д.) */
}
/* 3. Активный (текущий) пункт меню */
.header .container-nav .mod-menu .active > .nav-link,
.header .container-nav .mod-menu .current > a {
    color: #D70305 !important; /* Замените на ваш цвет */
}

:root {
    --body-font-size: 1.05rem; /* увеличит размер основного текста */
}


.container-topbar {
  max-width: auto;
  margin-left: auto;
  margin-right: auto;
  color: #222; 
  padding-left: 1em;
}


.container-header .navbar-toggler {
    color: #ff0000 !important;
    cursor: pointer;
    border: 1px solid #000 !important;
}

.footer  {
    background-color: #3e3e3e;
    background-image: none;
}

.footer .grid-child {
    padding: 1.0rem 0.5em 0rem 0.5em;
}