/* Services */

.services {
	width: 75%;
	margin: auto;
	margin-bottom: 40px;
	text-align: center;
}

.services__link {
	display: inline-block;
    margin: 10px;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    border: 2px solid #FFFFFF;
}

.services__link:hover {
	border-bottom: 2px solid #ccbfff;
}

.services__link--active {
	border: 2px solid #ccbfff;
}

/* Service */

.service {
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}

@media (min-width: 1000px) {
	.service__imageWrapper {
		display: inline-block;
		vertical-align: top;
		width: 35%;
		margin-left: 10%;
	}

	.service__content {
		display: inline-block;
		vertical-align: top;
		width: 40%;
		margin-left: 5%;
		margin-right: 10%;
	}
}

@media (max-width: 1000px) {
	.service__imageWrapper {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}

	.service__content {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
}

.service__image {
	width: 100%;
}

.service__title {
	padding-top: 10px;
	padding-bottom: 40px;
}

.service__titleText {
	padding-top: 10px;
	padding-right: 20px;
    padding-bottom: 10px;
	border-bottom: 2px solid #ccbfff;
	font-size: 30px;
	line-height: 25px;
	white-space: nowrap;
}

.service__text {
	margin-bottom: 20px;
	font-size: 18px;
	color: #5C5C5C;
}