#motto {
	padding:15px 0px;
	padding-bottom:65px;
	overflow-x: hidden;
}
#motto .container {
	border-top: 1px dashed rgba(0,0,0,0.1);
	padding-top:75px;
}
#motto .item {
	text-align: center;
}
#motto i {
	font-size:30px;
	line-height: 30px;
	color:white;
	padding:30px;
	border-radius: 100%;
	background-color:var(--primaryColor);
	display:inline-block;
	animation: pulse 2s infinite;
}
#motto .item:nth-child(1) i {
	animation-delay: .3s;
}
#motto .item:nth-child(2) i {
	animation-delay: .5s;
}
#motto .item:nth-child(3) i {
	animation-delay: .7s;
}
#motto .item:nth-child(4) i {
	animation-delay: 1s;
}


#motto .item:nth-child(1) {
	transition-delay: .3s;
}
#motto .item:nth-child(2) {
	transition-delay: .5s;
}
#motto .item:nth-child(3) {
	transition-delay: .7s;
}
#motto .item:nth-child(4) {
	transition-delay: 1s;
}

#motto .item:nth-child(1) i {
	background-color:#f4bfa6 !important;
}
#motto .item:nth-child(2) i {
	background-color:#bdd7d6 !important;
}
#motto .item:nth-child(3) i {
	background-color:#f17275 !important;
}
#motto .item:nth-child(4) i {
	background-color:#9ac0c6 !important;
}


#motto .title {
	font-weight: 500;
	font-size:18px;
	line-height: 18px;
	color:var(--primaryColor);
	opacity: .8;
	margin-top:25px;
}
#motto article {
	font-size:14px;
	font-weight: 300;
	color:var(--textColor);
	opacity: .7;
	letter-spacing: .5px;
	margin-top:10px	;
}
@media screen and (max-width:992px) {
	#motto {
		padding-bottom:0px;
	}
	#motto .container {
		padding-top:25px;
	}
	#motto i {
		font-size:25px;
		line-height: 25px;
		padding:15px;
	}
	#motto .item {
		margin-top:15px;
		margin-bottom:15px;
	}
	#motto .title {
	    font-size: 16px;
	    line-height: 16px;
	}
	#motto article {
	    font-size: 13px;
	    margin-top: 7px;
	}
}