.banner-servicios,
.servicio-left,
.servicio-right{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 130px 0px 100px 0px;
	overflow: hidden;
}

.obscure-servicios{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color:rgba(0,0,0,.4); 
}


.obscure-skew-left{
	position: absolute;
	width: 55%;
	height: 100%;
	top: 0;
	left: 0; 
	transform: skewX(-20deg);
	transform-origin: top right;
}

.obscure-skew-right{
	position: absolute;
	width: 55%;
	height: 100%;
	top: 0;
	right: 0; 
	transform: skewX(20deg);
	transform-origin: top left;
}

@media (max-width: 767px) {
    .obscure-skew-left,
    .obscure-skew-right{
    	transform: skewY(10deg);
    	width: 100%;
    	transform-origin: top left;
    }

    .obscure-skew-right{
    	transform: skewY(-10deg);
    	transform-origin: top right;	
    }
}