.carousel-inner > .item.template-project {
  padding-top: 0;
}

.template-project .big-btn {
  margin-right: 128px;
}

.story {
  margin: 0;
  padding: 0;
  height: 100%;
  list-style: none;
}

.story-part {
  position: relative;
  min-height: 100%;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.story-part:first-child {
  padding-top: 56px;
}

.story-part:only-child {
  min-height: 100%;
}

.story-part-box {
  padding-top: 80px;
  padding-bottom: 80px;
}

.story-part-text {
  margin-bottom: 0;
}

@media (min-width: 700px) {
  .story-part {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%;
  }

  .story-part-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 96px 0;
  }

  .story-part-box {
    width: 60%;
    margin-top: 0;
  }

  .story-part-right .story-part-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .story-part-left .story-part-box {
    padding-left: 86px;
  }

  .story-part-right .story-part-box {
    padding-right: 86px;
  }

  .story-part-center .story-part-inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (min-width: 1200px) {
  .story-part-box {
    width: 50%;
  }

  .story-part-left .story-part-box {
    padding-left: 126px;
  }

  .story-part-right .story-part-box {
    padding-right: 126px;
  }
}

@media (min-width: 1450px) {
  .story-part-box {
    width: 45%;
  }

  .story-part-left .story-part-box {
    padding-left: 172px;
  }

  .story-part-right .story-part-box {
    padding-right: 172px;
  }
}


@media (min-width: 1850px) {
  .story-part-box {
    width: 40%;
  }

  .story-part-left .story-part-box {
    padding-left: 176px;
  }

  .story-part-right .story-part-box {
    padding-right: 176px;
  }
}