section.pro-block {
	margin: var(--margin) 0;
	text-align: center;
}
section.pro-block .box {
	padding: 50px 20px;
}
section.pro-block h2 {
	font-size: 38px;
	line-height: 38px;
}
section.pro-block p {
	font-size: 20px;
	color: white;
	padding: 0 200px;
	line-height: 20px;
}
section.pro-block h2 span {
	color: var(--color);
}
section.pro-block h2 i {
	color: var(--color);
	margin-right: 3px;
	position: relative;
	top: -1px;
}
section.pro-block .text a {
	color: var(--color);
}
section.pro-block .grid .buttons {
	margin-top: 30px;
}
@media all and (max-width: 1320px) {
	section.pro-block p {
		padding: 0 100px;
	}
}
@media all and (max-width: 1140px) {
	section.pro-block p {
		padding: 0 50px;
	}
}
@media all and (max-width: 960px) {
	section.pro-block p {
		padding: 0 15px;
	}
	section.pro-block .grid {
		grid-gap: 15px;
	}
}
@media all and (max-width: 720px) {
	section.pro-block {
		text-align: center;
	}

	section.pro-block .grid .buttons {
		margin-top: 10px;
	}
	section.pro-block h2 {
		font-size: 24px;
		line-height: 24px
	}
}
@media all and (max-width: 576px) {
	section.pro-block h2{
		font-size:19px;
	}
	section.pro-block .box {
		padding: 30px 15px;
	}
	section.pro-block p {
		font-size: 17px;
		padding: 0;
	}
}