h1, h2, h3, h4, h5, h6 {
  color: darkgreen;
}

.container-header {
  background: url("/media/templates/site/cassiopeia/images/1.jpg") repeat top left;  
}

.container-header img {
  max-width: 20%;
  height: auto; /* сохраняет пропорции */
}




/* 1. Стили для контейнера баннера (например, модуля в позиции banner) */
.banner {
    background-color: #f8f9fa; /* Светлый фон */
    border-radius: 1rem;       /* Скругленные углы */
    padding: 2rem;             /* Внутренние отступы */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Легкая тень */
}

/* 2. Стили для текста внутри баннера */
.banner .mod-banner__text {
    font-size: 1.2rem;
    color: #333;
    text-align: center;
}

/* 3. Стили для кнопки (призыва к действию) внутри баннера */
.banner .btn {
    background-color: #007bff; /* Яркий фон */
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
}

/* 1. Стиль для обычной ссылки */
a {
    color: #2c3e50;           /* Темно-синий цвет */
    text-decoration: none;    /* Убираем стандартное подчеркивание */
    transition: color 0.3s ease; /* Плавный переход цвета */
}

/* 2. Стиль при наведении курсора */
a:hover {
    color: #e74c3c;           /* Красный цвет при наведении */
    text-decoration: underline; /* Подчеркивание при наведении */
}

/* 3. Стиль для ссылок в главном меню */
.navbar-nav a {
    font-weight: 500;
    padding: 0.5rem 1rem;
}

.navbar-nav a:hover {
    background-color: #ecf0f1; /* Светлый фон при наведении */
    border-radius: 0.5rem;
}