/* story.scss */
/* Header Styles for Story Page */
.header-story {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: url("/images/canyon.jpg") center center no-repeat;
  background-size: cover;
  height: 800px;
  padding-bottom: 7%;
}

.header-story .story-text {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: calc(13px + 3vw);
  text-align: center;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

/* Styles for the article section */
.custom-article {
  max-width: 800px; /* Set a maximum width */
  margin: 0 auto; /* Center the article horizontally */
  padding: 20px; /* Add some padding */
  line-height: 1.6; /* Improve readability */
  font-size: 1rem; /* Adjust font size as needed */
}

/* Styles for "Meet Our Support Team" Section */
.story-section {
  display: flex;
  align-items: center; /* Vertically center the text */
  justify-content: center; /* Horizontally center the text */
  background: url("/images/sky-mt.jpg") center center no-repeat;
  background-size: cover;
  height: 500px;
  cursor: pointer;
  margin-top: 50px;
}

.story-section .story-text {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: calc(11px + 2vw);
  text-align: center;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  transition: text-shadow 0.3s ease-in-out;
}

/* Hover Effect: Highlight the text on hover */
.story-section .story-text:hover {
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); /* Change to your desired highlight color */
}

/*# sourceMappingURL=story.css.map */