.field--name-field-html-title, .field--name-field-html-title p {
  width: 620px;
  max-width: 100%;
  white-space: nowrap;
  margin: 0;
}
@media screen and (max-width: 640px) {
  .field--name-field-html-title, .field--name-field-html-title p {
    width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .field--name-field-html-title, .field--name-field-html-title p {
    white-space: normal;
  }
}

.role-anonymous .field--name-field-html-title, .role-anonymous .field--name-field-html-title p,
.path-frontpage .field--name-field-html-title,
.path-frontpage .field--name-field-html-title p,
.path-backstages .field--name-field-html-title,
.path-backstages .field--name-field-html-title p,
.page-node-type-backstage .field--name-field-html-title,
.page-node-type-backstage .field--name-field-html-title p,
.page-node-type-page .field--name-field-html-title,
.page-node-type-page .field--name-field-html-title p {
  width: 43.45vw;
}
@media screen and (max-width: 640px) {
  .role-anonymous .field--name-field-html-title, .role-anonymous .field--name-field-html-title p,
.path-frontpage .field--name-field-html-title,
.path-frontpage .field--name-field-html-title p,
.path-backstages .field--name-field-html-title,
.path-backstages .field--name-field-html-title p,
.page-node-type-backstage .field--name-field-html-title,
.page-node-type-backstage .field--name-field-html-title p,
.page-node-type-page .field--name-field-html-title,
.page-node-type-page .field--name-field-html-title p {
    width: 100%;
  }
}