* {
  box-sizing: border-box; }

.wrapper.sm-wrapper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  perspective: 1000; }

.section {
  height: 100%;
  width: calc( 100% / 6 );
  float: left;
  position: relative; }
  .section:nth-child(1) {
    background: transperant; }
  .section:nth-child(2) {
    background: transperant; }
  .section:nth-child(3) {
    background: transperant; }
  .section:nth-child(4) {
    background: transperant; }
  .section:nth-child(5) {
    background: transperant; }
  .section:nth-child(6) {
    background: transperant; }
.sections {
  width: 600%;
  height: 100%; }
.section__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: #fff; }

/*# sourceMappingURL=sm-style.css.map */