@charset "UTF-8";
/*
  Создает функцию calc(), которая исходя из переданных
  значений ширины экранов и пикселей, делает функцию
  "от->до".

  Например:
  margin-bottom: responsive('320->575', '20->100');
  На размерах экранов от 320 до 575, нижний отступ будет
  расти от 20 до 100.

  Аргумент $minus: true делает значение отрицательным,
  например:
  margin-bottom: responsive('320->575', '0->100', true);
  На размерах экранов от 320 до 575, нижний отступ будет
  уменьшаться от 0 до -100.
*/
.news {
  padding-top: 50px;
  margin-bottom: 100px;
}
.news__header-pic {
  height: 450px;
}
.news__cnt {
  width: calc(63% - 30px);
  margin-right: 60px;
}
.news__side {
  width: calc(37% - 30px);
}
.news__title {
  font-size: 36px;
}
.news__body h3, .news__body h4 {
  font-size: 30px;
}
.news__body div.wp-block-image figure {
  width: 320px;
}