.storytelling{
  display: flex;
  flex-direction: column;
  padding: 7rem 0 0rem 0;
  align-items: center;
  overflow: hidden;
}

.storytelling .storytelling_title,
.storytelling .storytelling-text{
  color: var(--text-color, #FFFFFF);
}
.storytelling .storytelling_title{
  font-size: 4rem;
  line-height: 120%;
  letter-spacing: 0.02em;
  margin-bottom: 4.6875rem;
  text-align: center;
  max-width: 56.25rem;
}
.storytelling .storytelling-text{
  font-size: 1.25rem;
  font-weight: lighter;
  text-align: center;
  line-height: 160%;
  width: 44.1875rem;
}
@media (max-width: 767px) {
  .storytelling .storytelling-text {
    font-size: 1.0625rem;
    width: 21.9375rem;
  }

  .storytelling .storytelling_title{
    font-size: 2.125rem;
    text-align: center !important;
  }
  
  .storytelling  a{
      width: 90%;
  }
}
.storytelling .storytelling-scroller{
	width: 100%;
  height: 50vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.storytelling .storytelling-image  {
  width: 100%;
  height: 22.75rem;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.storytelling  a{
  padding: 0.5rem 1.5rem;
  border-radius: 99px;
  margin-bottom: 12.3125rem;
  text-decoration: none;
  transition: 
    background-position 0.4s ease,
    color 0.3s ease;
}