.services {
	margin-bottom: 80px;
}
.services__item {
	display: flex;
	align-items: center;
	margin-bottom: 80px;
}
.services__img {
	width: 300px;
	margin-right: 30px;
}
.services__item h3 {
	font-size: 40px;
	color: var(--blue);
	text-align: left;
	margin-bottom: 25px;
}

@media screen and (max-width: 800px) {
	.services {
		margin-bottom: 40px;
	}
	.services__item {
		flex-direction: column;
		margin-bottom: 40px;
	}
	.services__img {
		max-width: 100%;
		width: auto;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.services__item h3 {
		font-size: 24px;
	}
}