.transform-1{
	width: 100%;
	position: relative;
	background: linear-gradient(to right, rgba(240,240,240,1) 0%, rgba(226,225,225,1) 100%);
	/*color:whitesmoke;*/
}
.transform-1:after{
	content: '';
	width: 100%;
	height: 50%;
	position: absolute;
	background: inherit;
	z-index: -1;
	bottom: 0;
	transform-origin: left bottom;
	transform: skewY(1.05deg);
}

.transform-1:before{
	content: '';
	width: 100%;
	height: 50%;
	position: absolute;
	background: inherit;
	z-index: -1;
	top: 0;
	transform-origin: left top;
	transform: skewY(-1.05deg);
}

/*.transform-1 {
  position: relative;
  z-index: 1;
}
.transform-1:before, .transform-1:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.transform-1:before {
  top: 0;
  -webkit-transform: skewY(1.05deg);
          transform: skewY(1.05deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.transform-1:after {
  bottom: 0;
  -webkit-transform: skewY(-1.05deg);
          transform: skewY(-1.05deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}*/



.transform-2 {
  position: relative;
  z-index: 1;
}


.transform-2:before, .transform-2:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.transform-2:before {
  top: 0;
  -webkit-transform: skewY(1.05deg);
          transform: skewY(1.05deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.transform-2:after {
  bottom: 0;
  -webkit-transform: skewY(-1.05deg);
          transform: skewY(-1.05deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}

.transform-3{
	width: 100%;
	position: relative;
	background: linear-gradient(to right, rgba(16,111,116,1) 0%, rgba(16,131,137,1) 100%);
	color:whitesmoke;
}
.transform-3:after{
	content: '';
	width: 100%;
	height: 50%;
	position: absolute;
	background: inherit;
	z-index: -1;
	bottom: 0;
	transform-origin: left bottom;
	transform: skewY(1.05deg);
}

.transform-3:before{
	content: '';
	width: 100%;
	height: 50%;
	position: absolute;
	background: inherit;
	z-index: -1;
	top: 0;
	transform-origin: left top;
	transform: skewY(-1.05deg);
}