.custom_switcher {
  position: relative;
  width: calc(100% - 44px);
  margin: 1em auto;
}

.custom_switcher img {
  height: auto;
  width: 100%;
}

.custom_switcher img:first-child {
  position: static;
  opacity: 1;
}

.custom_switcher .custom_switch {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .3s opacity linear;
}

.custom_switcher .custom_switch.active {
  opacity: 1;
}

.typography1, .typography4, .page-proofs {max-width: 1300px;}

.typography2,
.graphics1,
.graphics2 {max-width: 700px;margin-top: 3em;}

.important {max-width: 500px;}


.animated-item {
  position: absolute;
  transition: .1s transform linear;
}

.baloon__wrapper,
.pigeon__wrapper,
.bike__wrapper {
  position: relative;
  max-width: 1200px;
  width: calc(100% - 44px);
  margin-left: auto;
  margin-right: auto;
}

.bike__wrapper {
  padding-top: 26%;
  margin-bottom: 0;
  padding: 0;
}

.bike__wrapper .bake_booklet {
  position: relative;
  top: -25vw;
  position: static;
  margin-bottom: 70.4%;
}

.bike__note {
  position: absolute;
  top: 48%;
}

@media(min-width: 881px) {
  .bike__note { top: 47%; }
}

@media(min-width: 1600px) {
  .bike__note { top: 49%; }
}

@media(min-width: 2200px) {
  .bike__note { top: 50%; }
}

.baloon {
  top: -7%;
  left: -9%;
  width: 19.6%;
}

.pigeon {
  top: -11%;
  left: 92%;
  width: 23.4%;
}

.bike__wrapper .bike {
  bottom: -130.4%;
  left: -56%;
  width: 210%;
  max-width: none;
}

/*@media(max-width: 900px) {

  .bike__wrapper {
    padding-top: 0;
  }

  .bike__wrapper .bike {
    position: static;
    transform: initial !important;
  }

  .bike__wrapper .bake_booklet {
    position: static;
    
  }
}*/

.story__wraper {
  overflow: hidden;
}

.story {
  position: relative;
  width: calc(100% - 44px);
  max-width: 1300px;
  margin: 0 auto;
}

.story img {
  width: 100%;
  height: auto;
}

.story_parallax {
  position: absolute;
  top: 6.5%;
  right: 52%;
}

@media(max-width: 1372px) {
  .info_note_br { display: none; }
}

.custom-note-mobile {
  display: none;
  margin-top: 1em;
  margin-bottom: 1em;
}

.custom-note {
  display: -webkit-flex;
  display: flex;
  margin: 1em auto 2em;
}

.custom-note .announce__picture-note2 {
  text-align: center;
}

.graphics1-note-1 {
  width: 28%;
  margin-right: 8%;
}

.graphics1-note-2 {
  width: 26%;
  margin-right: 9%;
}

.graphics1-note-3 {
  width: 27%;
}

.graphics2-note-1 {
  width: 18.9%;
  margin-right: 5.8%;
}

.graphics2-note-2 {
  width: 21.1%;
  margin-right: 9.4%;
}

.graphics2-note-3 {
  width: 20.3%;
  margin-right: 10.1%;
}

.graphics2-note-4 {
  width: 14.3%;
}

@media (max-width: 700px) {
    .custom-note { display: none; }
    .custom-note-mobile { display: inline-block; }
}


.tab.tab-active {
  background: #99ca3c !important;
}