html[lang='ru'] p {
  font: ...
}
html[lang='en'] p {
  font: ...
}

В CSS:

.burger-menu-opened {
  overflow: hidden;
}

В JS:
при открытии меню — добавляй к body класс burger-menu-opened, а при закрытии меню — убирай

* {
  box-sizing: border-box;
}
.container {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
}
.content,
.content-details,
.sidebar {
  padding: 10px;
}
.content {
  order: -1;
  width: calc(100% - 200px);
  background-color: #DDD;
}

.content-details {
  background-color: orange;
  order: 1;
  width: 100%;
}

.sidebar {
  width: 200px;
  background-color: green;
  order: 0;
}

У Вас в CSS-стилях описано, что "display: block" должен применяться к .s-about, который является потомком .s-item, а в HTML-разметке он потомком не является.