.page-title {
  width: 100%;
  height: var(--size-370);
  background-size: cover;
}

.page-title__inner {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: grid;
  place-items: center;
}

.page-title__text {
  color: var(--color-white);
  font-size: var(--size-42);
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .page-title {
    height: var(--size-200);
  }

  .page-title__text {
    font-size: var(--size-24);
  }
}