header .title {
  position: relative;
  z-index: 2;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-top: var(--Spacing-x6);
  margin-top: var(--Spacing-x2);
}

.title .hotelName {
  font-family: var(--typography-Title-3-fontFamily);
  font-size: var(--typography-Title-3-fontSize);
  font-weight: var(--typography-Title-3-fontWeight);
  letter-spacing: var(--typography-Title-3-letterSpacing);
  line-height: var(--typography-Title-3-lineHeight);
  display: block;
}

@media (min-width: 768px) {
  .title .hotelName {
    font-family: var(--typography-Title-1-fontFamily);
    font-size: var(--typography-Title-1-fontSize);
    font-weight: var(--typography-Title-1-fontWeight);
    letter-spacing: var(--typography-Title-1-letterSpacing);
    line-height: var(--typography-Title-1-lineHeight);
  }
}
