.sectionWrapper {
  position: relative;
}
.sectionWrapper .FirstBlock {
  margin-top: 1px !important;
}

.sectionBlockBottom, .sectionBlockTop {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100px;
}

.sectionBlockTop {
  top: 0;
}

.sectionBlockBottom {
  bottom: 0 !important;
}

.TopOnly {
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 5%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 5%);
}

.BottomOnly {
  -webkit-clip-path: polygon(100% 0, 100% 90%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 95%, 0 100%, 0 0);
}

.TopAndBottom {
  -webkit-clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
  clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
  .TopOnly {
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 2%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 2%);
  }

  .BottomOnly {
    -webkit-clip-path: polygon(100% 0, 100% 98%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 98%, 0 100%, 0 0);
  }

  .TopAndBottom {
    -webkit-clip-path: polygon(0 2%, 100% 0, 100% 98%, 0% 100%);
    clip-path: polygon(0 2%, 100% 0, 100% 98%, 0% 100%);
  }
}