.list{
	padding: 40px 5%;
}
	.list .services{
		font-size: 0;
	}

		.list .services>li{
			display: inline-block;
			vertical-align: top;
			width: 33%;
			box-sizing: border-box;
			padding: 0 1.5%;
			margin-bottom: 30px;
			font-size: 15px;
		}

		.list .services li figure{

		}
			.list .services li figure>a{
				display: block;
				display: flex;
				flex-direction: row;
				align-items: center;
				margin-bottom: 15px;
			}
			.list .services li figure>a:after{
				clear: both;
				content: "";
				display: block;
			}
				.list .services li figure>a img{
					display: block;
					width: 20%;
					margin-right: 5%;
					float: left;
				}
				.list .services li figure>a h3{
					color: var(--main-color);
					float: right;
					width: 75%;
				}
			.list .services li figure figcaption{

			}
	.list .services li figure figcaption p{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.list .services li figure figcaption .includes{

	}
	.list .includes h4{
		color: #333;
		font-size: 20px;
		margin-bottom: 10px;
	}
	.list .includes ul{
		padding-left: 30px;
	}
	.list .includes ul li{
		display: block;
		margin-bottom: 5px;
	}
		.list .includes ul li a{
			color: var(--main-color	);
			text-decoration: underline;
			font-size: 14px;
		}


.text{

	padding: 40px 5%;
}
	.text h3{
		font-size: 21px;
		margin-bottom: 15px;
	}
	.text .content{
		font-size: 14px;
	}
		.text .content p{
			margin-bottom: 10px;
		}


@media screen and (max-width: 768px){
	.list .services>li{
		width: 100%;
	}
}