:root{
    --colore1:  #b0b3b8;
    --colore2:  #76c0f9;
}

.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
  }

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
  }

.montserrat-black {
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    font-style: normal;
  }

.roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
  }

.roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
  }

.roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
  }

.roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
  }

.roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
  }

.roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
  }








header, footer, section{
    font-family: "Montserrat", sans-serif;
    padding: 0;
}

header{
    overflow-x: hidden;
    background: linear-gradient(90deg, #d8e2e6 0%, #48abe0 100%);
}

header{
    height: auto;
    border-bottom: 2px solid #7a7b7d; /* Добавление серой линии внизу хедера */
}

main{
    font-family: "Montserrat", sans-serif;
    padding: 20px;
}

footer{
    overflow-x: hidden;
    background: linear-gradient(270deg, #48abe0 0%, #d8e2e6 100%);
}

.img-thumbnail-logo {
    /* padding: .25rem; */
    object-fit: contain; /* Гарантирует, что изображение сохраняет свои пропорции */
    background-color: #ffffff00;
    border: 1px solid #dee2e600;
    border-radius: .25rem;
    max-width: 100%;
    height: 130px;
}

.img-thumbnail-tg {
    padding: .25rem;
    object-fit: contain; /* Гарантирует, что изображение сохраняет свои пропорции */
    background-color: #ffffff00;
    border: 1px solid #dee2e600;
    border-radius: .25rem;
    max-width: 100%;
    height: 40px;
}

.img-thumbnail-press {
    padding: .15rem;
    object-fit: contain; /* Гарантирует, что изображение сохраняет свои пропорции */
    background-color: #ffffff00;
    border: 1px solid #dee2e600;
    border-radius: .25rem;
    max-width: 18%; /* Задаем ширину изображения, чтобы все изображения равномерно распределялись по ширине */
    height: auto;
    flex-shrink: 0; /* Предотвращает сжатие изображений */
}

.link {
    color: #dc3545; /* Красный цвет текста */
    font-family: "Montserrat", sans-serif;
    text-decoration: underline; /* Подчеркивание текста */
    transition: color 0.3s, text-decoration 0.3s; /* Плавный переход для изменения цвета и подчеркивания */
    font-weight: bold;
  }

  .link:hover {
    color: blue; /* Голубой цвет текста при наведении */
    text-decoration: none; /* Убираем подчеркивание при наведении */
  }

  .col-6 {
    display: flex;
    align-items: center; /* Центрирует содержимое по вертикали */
  }


@media (max-width: 576px) {
    .col-6 {
        display: flex;
        flex-direction: column;
        align-items: center;
        }

    .img-thumbnail {

            object-fit: contain; /* Гарантирует, что изображение сохраняет свои пропорции */
            background-color: #ffffff00;
            border: 1px solid #dee2e600;
            border-radius: .25rem;
            max-width: 100%;
            height: 70px;
        }

    .text-container {
          margin-top: 0px; /* Примерное значение, чтобы текст не пересекался с изображением */
        }

    .logo_title {
          font-size: 1.25rem !important; /* Уменьшение размера текста */
          text-align: center; /* Выравнивание текста по центру */
        }

    .slogo {
          font-size: 0.875rem !important; /* Уменьшение размера текста */
          text-align: center; /* Выравнивание текста по центру */
        }

    .link {
          font-size: 0.875rem !important; /* Уменьшение размера текста для ссылки */
        }
    }

  .col-3{
    display: flex;
    flex-direction: column;
    justify-content: flex-end !important; /* Выравнивание содержимого по нижнему краю */
    padding-bottom: 10px;
}

  .logo_title{
    color: #201e1e;
    border: #dc354600;
    margin-left: 20px; /* Отступ слева от изображения, можно настроить */
    font-size: 2.0rem; /* Размер текста, можно настроить */
    text-align: center; /* Выравнивание текста по центру */

  }

  .slogo{
    color: #898888;
    font-weight: 500;
    font-size: 1.2rem; /* Размер текста, можно настроить */
    font-style: italic; /* Курсивный текст */
    text-align: center; /* Выравнивание текста по центру */
  }

  .text-container {
    display: flex;
    flex-direction: column; /* Располагает элементы вертикально */
  }

  .text-muted.small {
    font-size: 0.875rem; /* Меньший шрифт */
    color: #6c757d; /* Серый цвет текста */
  }

  .news-link {
    color: black; /* Черный цвет текста */
    text-decoration: none; /* Без подчеркивания */
    transition: color 0.3s; /* Плавный переход для изменения цвета */
  }

  .news-link:hover {
    color: purple; /* Фиолетовый цвет текста при наведении */
  }

  .contact-link {
    color: rgb(90, 89, 89); /* Черный цвет текста */
    text-decoration: none; /* Без подчеркивания */
    transition: color 0.3s; /* Плавный переход для изменения цвета */
  }

  .contact-link:hover {
    color: blue; /* Голубой цвет текста при наведении */
  }


  .img-thumbnail {
    object-fit: contain; /* Гарантирует, что изображение сохраняет свои пропорции */
    background-color: #ffffff00;
    border: 1px solid #0b0c0c;
    border-radius: .25rem;
    max-width: 200px;
    height: auto; /* Замените на необходимую высоту */
  }

/* Медиазапрос для скрытия изображений и растягивания текста на мобильных устройствах */
@media (max-width: 992px) {
    .img-thumbnail {
      display: none;
    }
    .text-block {
      max-width: 100% !important; /* Растягиваем текст на всю ширину */
      margin-right: 0; /* Убираем отступ справа */
    }
  }

  .more-news-button {
    background-color: #48abe0; /* Голубой цвет фона */
    color: black; /* Черный цвет текста */
    padding: 10px 20px; /* Отступы вокруг текста */
    border: none; /* Убираем рамку */
    border-radius: 4px; /* Закругленные углы */
    font-size: 1rem; /* Размер текста */
    transition: background-color 0.3s, color 0.3s; /* Плавный переход для изменения цвета фона и текста */
    cursor: pointer; /* Изменение курсора на указатель */
    display: inline-block; /* Размер кнопки по размеру текста */
  }

  .more-news-button:hover {
    background-color: purple; /* Фиолетовый цвет фона при наведении */
    color: white; /* Белый цвет текста при наведении */
  }


  .d-lg-flex {
    display: flex !important;
  }

  .justify-content-between {
    justify-content: space-between !important;
  }