.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.button {
  background-color: #BD6E82;
  font-size: 13px;
  line-height: 1.69230769;
  text-transform: uppercase;
  color: #fff;
  padding: 16px 32px;
  -webkit-appearance: none;
  border-radius: 0;
  text-align: center;
  text-decoration: none;
  letter-spacing: 2.14px;
  font-weight: 500;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid #BD6E82;
}
.button:hover,
.button.is-active {
  background-color: #538886;
  border-color: #538886;
  color: #fff;
}
@media (max-width: 1279px) {
  .button {
    font-size: 12px;
    line-height: 1.66666667;
    padding: 13px 20px;
    letter-spacing: 1.7px;
  }
}
.button--disabled {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
.section--one .desk {
  max-width: 72.65625%;
}
.section--four .desk,
.section--five .desk {
  max-width: 72.65625%;
}
.cb-layout3 .moodwrapper .desk {
  max-width: 57.55208333%;
}
@media (max-width: 1279px) {
  .wrapper {
    font-size: 16px;
    line-height: 1.625;
  }
  h1 {
    font-size: 32px;
    line-height: 1.375;
  }
  .cb-layout1 h1 {
    font-size: 32px;
    line-height: 1.375;
  }
  h2 {
    font-size: 18px;
    line-height: 1.77777778;
  }
  h3 {
    font-size: 24px;
    line-height: 1.41666667;
  }
  h4 {
    font-size: 18px;
    line-height: 1.66666667;
  }
  h5 {
    font-size: 32px;
    line-height: 1.3125;
  }
  .loud {
    font-size: 20px;
    line-height: 1.7;
  }
  .pale {
    font-size: 14px;
    line-height: 1.71428571;
  }
  .skew {
    font-size: 20px;
    line-height: 1.7;
    padding-left: 16px;
  }
}
.section--three .area .unit.wide + .wide + .wide {
  margin-top: -5px;
}
.section--three .area .unit.wide .body {
  padding-top: 20px;
  padding-bottom: 20px;
}
.section--five .area .seam {
  padding-top: 26px;
  padding-bottom: 26px;
}
.section--five .area .seam + .seam {
  margin-top: -26px;
}
.unit.fold + .fold {
  margin-top: -26px;
}
.section--three .area {
  width: 100%;
}
.section--three .area > .unit {
  margin-right: 1.5%;
  margin-left: 1.5%;
  width: 97%;
}
.section--three .area .cb-album .body,
.section--three .area .head,
.section--three .area .foot,
.section--three .area .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--three .area > .slim {
  width: 47%;
}
.section--three .area > .slim .head,
.section--three .area > .slim .foot,
.section--three .area > .slim .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--three .area > .slim.cb-album .body {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--three .area > .slim .tiny {
  width: 100%;
}
.section--four .area {
  width: 100%;
}
.section--four .area > .unit {
  margin-right: 1.5%;
  margin-left: 1.5%;
  width: 97%;
}
.section--four .area .cb-album .body,
.section--four .area .head,
.section--four .area .foot,
.section--four .area .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--four .area > .slim {
  width: 47%;
}
.section--four .area > .slim .head,
.section--four .area > .slim .foot,
.section--four .area > .slim .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--four .area > .slim.cb-album .body {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--four .area > .slim .tiny {
  width: 100%;
}
.section--five .area {
  width: 100%;
}
.section--five .area > .unit {
  margin-right: 1.5%;
  margin-left: 1.5%;
  width: 97%;
}
.section--five .area .cb-album .body,
.section--five .area .head,
.section--five .area .foot,
.section--five .area .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--five .area > .slim {
  width: 47%;
}
.section--five .area > .slim .head,
.section--five .area > .slim .foot,
.section--five .area > .slim .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--five .area > .slim.cb-album .body {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--five .area > .slim .tiny {
  width: 100%;
}
.section--teaser .area,
.area--teaser {
  width: 100%;
}
.section--teaser .area > .unit,
.area--teaser > .unit {
  margin-right: 1.5%;
  margin-left: 1.5%;
  width: 97%;
}
.section--teaser .area .cb-album .body,
.area--teaser .cb-album .body,
.section--teaser .area .head,
.area--teaser .head,
.section--teaser .area .foot,
.area--teaser .foot,
.section--teaser .area .part,
.area--teaser .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--teaser .area > .slim,
.area--teaser > .slim {
  width: 47%;
}
.section--teaser .area > .slim .head,
.area--teaser > .slim .head,
.section--teaser .area > .slim .foot,
.area--teaser > .slim .foot,
.section--teaser .area > .slim .part,
.area--teaser > .slim .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--teaser .area > .slim.cb-album .body,
.area--teaser > .slim.cb-album .body {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--teaser .area > .slim .tiny,
.area--teaser > .slim .tiny {
  width: 100%;
}
.section--three .area {
  width: 103%;
  margin-left: -1.5%;
}
.section--four .area {
  width: 103%;
  margin-left: -1.5%;
}
.section--five .area {
  width: 103%;
  margin-left: -1.5%;
}
.section--teaser .area,
.area--teaser {
  width: 103%;
  margin-left: -1.5%;
}
@media (max-width: 1279px) {
  .section--two .area .unit {
    box-sizing: border-box;
  }
  .section--two .area .unit .pict.tall:first-child {
    position: absolute;
    top: 0;
    width: calc(220px + 7vw);
    z-index: 2;
  }
  .section--two .area .unit.wide {
    padding-left: 260px;
  }
  .section--two .area .unit.wide .pict.tall:first-child {
    left: -7vw;
  }
  .section--two .area .unit.slim {
    padding-right: 260px;
  }
  .section--two .area .unit.slim .pict.tall:first-child {
    right: -7vw;
  }
}
.section--three .area .unit.wide {
  width: 47%;
}
.section--three .area .unit.slim {
  width: 47%;
}
.section--four .area .pure.wide .part.tiny {
  width: 48.5%;
}
.section--four .area .seam {
  width: 97%;
}
.section--four .area .seam .part.tall {
  float: right;
  width: 63%;
}
.section--four .area .seam .part.tiny {
  width: 34%;
}
.section--four .area .seam.slim .part.tall {
  float: left;
}
.section--four .area .seam.slim .part.tiny {
  float: right;
}
.section--five .area .pure.wide .part.tiny {
  width: 48.5%;
}
.section--five .area .seam {
  width: 97%;
}
.section--five .area .seam .part.tall {
  margin-right: 6%;
  margin-left: 6%;
  width: 48%;
}
.section--five .area .seam .part.tiny {
  float: right;
  width: 40%;
}
.section--five .area .seam.slim .part {
  float: right;
}
.section--five .area .seam.slim .part.tall {
  margin-left: 12%;
  margin-right: 0;
}
.section--five .area .seam.slim .part.tiny {
  float: left;
}
.section--five .area .flat {
  width: 97%;
}
.section--five .area .flat .body {
  width: calc(100% + 20px);
  margin-left: -10px;
}
.section--five .area .flat .body .part {
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 20px);
}
/*# sourceMappingURL=./screen-medium.css.map */