@font-face {
  font-family: 'Manege';
  src: url('../woff/manege-light.woff');
  font-weight: 300;
  font-style: normal;
}


.story {
  background-image:url('../jpg/chalk-mobile.jpg');
  background-size: 100% auto;
}

@media (min-width: 768px) {
  .story {
    background-image:url('../jpg/chalk-desktop.jpg');
  }
}

.story-title__text,
.story-title__subheading,
.story-author__text,
.story-text {
  font-family: 'Manege';
}

@media (min-width: 640px) {
  .story-title--big .story-title__text {
    font-size: 155px;
    line-height: 1.1;
    letter-spacing: 0.5px;
    font-weight: 300;
  }
}

.story-text p {
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 1.7;
  font-weight: 300;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0;
}

@media (min-width: 640px) {
  .story-text p {
    font-size: 34px;
  }
}

.story-title__subheading,
.story-author__text {
  display: none;
}