.coffee-image-story {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
  color: #fff;
  min-height: 39.375rem
}
@media screen and (min-width:100em) {
  .coffee-image-story {
    min-height: 46.0625rem
  }
}
.coffee-image-story_breadcrumbs {
  padding-bottom: 140px
}
.coffee-image-story .coffee-image-story_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: unset;
  max-height: unset
}
.coffee-image-story div.main-block {
  position: static;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  max-width: 880px
}
.section-articles .coffee-image-story .main-block h1,
.section-articles .coffee-image-story .main-block h2,
.section-articles .coffee-image-story .main-block h3,
.section-articles .coffee-image-story .main-block h4,
.section-articles .coffee-image-story .main-block h5,
.section-articles .coffee-image-story .main-block h6 {
  margin-bottom: .5em
}
.coffee-image-story .coffee-image-story__text-box,
.coffee-image-story__text-box {
  max-width: 880px;
  margin-left: auto!important;
  margin-right: auto!important
}
.coffee-image-story .coffee-image-story__text-box .desc,
.coffee-image-story .coffee-image-story__text-box h1,
.coffee-image-story__text-box .desc,
.coffee-image-story__text-box h1 {
  margin-top: 0
}
.coffee-image-story--no-img {
  color: #000
}
.coffee-image-story--no-img .coffee-image-story_img:before {
  content: none!important
}
.coffee-image-story--no-img .main-block {
  position: unset;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  padding: 50px 0
}
.coffee-image-story--no-img .button.red.transparent {
  border: 2px solid #e1261c;
  background-color: transparent
}
.coffee-image-story--no-img .button.red.transparent:not(:hover) {
  color: #e1261c
}
.coffee-image-story-world .coffee-image-story_img:before {
  content: none
}
.coffee-image-story-world .copy-large.desc.grid-container > p {
  max-width: 555px
}
@media screen and (max-width:1023px) {
  .coffee-image-story-world .copy-large.desc.grid-container > p {
    max-width: 534px
  }
}
.coffee-image-story-world h2 {
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 16px
}
@media screen and (max-width:1023px) {
  .coffee-image-story-world h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 24px
  }
}
@media screen and (max-width:767px) {
  .coffee-image-story-world .copy-large.desc.grid-container > p {
    font-size: 16px;
    line-height: 26px;
    max-width: 338px
  }
  .coffee-image-story-world h2 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 16px
  }
}
.coffee-image-story-world a.button {
  margin-top: 40px
}
@media screen and (max-width:1023px) {
  .coffee-image-story-world a.button {
    margin-top: 24px
  }
}