:root {
  --background-color: #f9f6ec;
  --background-color-secondary: #a6a6a6;
}

.travelContainer {
  margin-bottom: 15rem;
}
.descriptionTravelrContainer {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 15rem;
}

.travelImageContainer {
  width: 40%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imageTravelStory {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.travelDescription {
  width: 48%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding: 0 5rem;
}

.travelDescription h2 {
  display: inline;
  font-size: 8rem;
  font-family: var(--font-noto);
  font-weight: 100 !important;
  color: black;
}

.travelDescription span {
  font-family: var(--font-windSong);
  font-size: 5rem;
  font-weight: 100 !important;
  color: black;
}

.travelDescription p {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-family: var(--font-lato);
  font-weight: 300 !important;
  color: black;
}
.travelDescription ul,
.travelDescription p {
  padding-left: 4rem;
}

.travelDescription ul li {
  font-size: 3.2rem;
  font-family: var(--font-noto);
  font-weight: 100 !important;
  color: black;
  margin-top: 5rem;
}

.travelDescription li::marker {
  font-size: 0.5em;
}