.service{
	margin:5%;
}
.serviceParent{
	opacity:0;
	transform:translateX(-10em);
}
.bodyEditor .serviceParent{
	opacity:1;
	transform:none;
}
.backgroundServiceImage{
	height:20em;
}
.backgroundServiceImage span{
	font-size:7em;
	position:absolute;
	right:0;
	bottom:-0.1em;
	padding:0 0.1em;
	color:transparent;
	-webkit-text-stroke-width:1px;
	-webkit-text-stroke-color:white;
	font-weight:bold;
}
.serviceElementTitle{
	padding-left:3em;
	padding-top:1em;
}
.serviceElementTitle .specialVisualElement{
	position:absolute;
	left:-1em;
	top:-0.5em;
	font-size:0.6em;
	transform:rotate(-90deg);
	transition:all 0.7s ease;
}
.service:hover .specialVisualElement{
	margin-top:3em;
}
@media screen and (max-width:1050px){
	.serviceParent{
		width:20em;
		margin:1em;
	}
}
@media screen and (max-width:1050px){
	.serviceParent{
		width:15em;
	}
	.backgroundServiceImage{
		height:15em;
	}
	.serviceElementTitle{
		font-size:1em;
	}
}
@media screen and (max-width:700px){
	.serviceTitle{
		padding-bottom:0;
	}
	.serviceParent{
		width:100%;
		margin-top:0;
	}
}