/* Исправления вёрстки сайта vndx.ru (поверх style.css, не трогая его).
   Отдельный файл — чтобы правки не потерялись при обновлении шаблона и не зависели от Textolite. */

/* Первый экран: картинка main-bg.png задана как «auto 58vh», т.е. её ширина растёт вместе
   с ВЫСОТОЙ окна (картинка почти квадратная, 1500×1517). Колонка текста при этом фиксирована
   (455px), и на высоком окне картинка наезжает на текст.
   Ограничиваем ширину картинки свободным местом справа от текста: 100% ширины контейнера
   минус 455px текста минус 40px зазора. На обычных экранах значение то же, что и раньше
   (58vh × 0.9888 ≈ 57.35vh), — картинка уменьшается только там, где раньше налезала.
   Браузеры без поддержки min() проигнорируют правило и покажут всё как раньше. */
@media (min-width: 992px) {
  .section__container.first-screen__container {
    background-size: min(calc(100% - 495px), 57.35vh) auto;
  }
}