#usage {
	padding:85px 0px;
	padding-bottom:140px;
	background-color:var(--footerBg);
	position: relative;
}
#usage:before {
	content:"";
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background-image:url(../../img/marblePattern2.png);
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 0;
	opacity: .1;
}
#usage > .container {
	position: relative;
	z-index: 5;
}
#usage .head {
	display:flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding-bottom: 25px;
	margin-bottom:35px;
}
#usage .head h2 {
	color:whitesmoke;
}
#usage .box {
	color:whitesmoke;
}
#usage .box > i {
	font-size:50px;
	line-height: 50px;
	margin-bottom:45px;
	display:block;
	position: relative;
}
#usage .box > i:after {
	content:"";
	width: 40px;
	height: 40px;
	background-color: var(--primaryColor);
	position: absolute;
	left:-10px;
	top:-10px;
	border-radius: 100%;
	z-index: 0;
	opacity: .5;
}
#usage .box > i:before {
	z-index: 2;
	position: relative;
}
#usage .box .title {
	font-weight:600;
	font-size:20px;
	line-height: 20px;
}
#usage .box article {
	font-weight: 300;
	font-size:16px;
	line-height: 24px;
	margin-top:15px;
	opacity: .7;
}
#usage .box .button {
	margin-top:15px;
}
@media screen and (max-width:992px) {
	#usage .box .title {
		font-size:17px;
	}
	#usage .box article {
		font-size:13px;
	}
	#usage .container > .row > div {
		margin-bottom:45px;
		display:block;
		text-align: center;
	}
	#usage .button {
		display:table;
		margin:auto;
	}
	#usage .head span:before {
		display:none;
	}
	#usage .box > i {
		display:table;
		margin:auto;
		margin-bottom:25px;
	}
}
#usage {}
#usage {}
#usage {}