/* SERVICES SERVICES SERVICES SERVICES SERVICES */ 
.service-show {
	display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:stretch;
	align-items:center;
	background-color: #f1f1f1;
}

.service-show .service-item {
	width: 50%;
}

.service-show .service-id {
	text-align: center;
}

.service-show .service-id h2{
	color: #222222;
	font-size: 60pt;
	margin: 0;
	font-family:'orbitron bold';
}

.service-right::before {
	content: '';
	position: absolute;
	z-index: 100;
	right: 50%;
	border-bottom: 3vw solid transparent;
	border-top: 3vw solid transparent;
	border-right: 3vw solid #f1f1f1;

}

.service-left::before {
	content: '';
	position: absolute;
	z-index: 100;
	left: 50%;
	border-bottom: 3vw solid transparent;
	border-top: 3vw solid transparent;
	border-left: 3vw solid #f1f1f1;
}


@media screen and (max-width:1241px ) {
	.service-show .service-id h2 {
		font-size: 3rem;
	}
}

@media screen and (max-width:768px ) {
	.service-show .service-id img {
		transform:scale(.8);
	}
	.service-show .service-id h2 {
		font-size: 2rem;
		transform:translateY(-20px);

	}
}

@media screen and (max-width:600px ) {
	.service-show .service-item {
		height: 200px;
	}
}

@media screen and (max-width:550px ) {
	.service-show .service-id img {
		transform:scale(.6);
	}
	.service-show .service-id h2 {
		font-size: 1.5rem;
		transform:translateY(-20px);
	}
}


@media screen and (max-width:460px ) {
	.service-show .service-item {
		height: 200px;
	}
}
@media screen and (max-width:370px ) {
	
	.service-right::before,
	.service-left::before {
		visibility: hidden;
	}

	main {
		background-color: #e1e1e1;
		padding-bottom: 20px;
	}
	.service-show {
		margin: 20px 10px;
		-webkit-box-shadow:  0px 0px 10px 0px rgba(0,0,0,.6);
		box-shadow:  0px 0px 10px 0px rgba(0,0,0,.6);
	}

	.service-show .service-item {
		height: auto;
		width: 100%;
	}

	.service-right .service-id {
		padding: 20px 0;
		order:0;
	}
	.service-right .img-responsive {
		order:1;
	}

}

/* SERVICES SERVICES SERVICES SERVICES SERVICES */