.steps-list {
	width: 100%;
	margin: 50px 0
}
.steps-list-inner {
	width: 1200px;
	margin: 0 auto
}
.step {
	display: flex;
	margin-bottom: 2rem;
	position: relative
}
.step h2, .step h3 {
	font-family: var(--heading-font)!important;
	line-height: 1.1;
	color: var(--accent-color);
	margin: 8px 0 16px!important;
	font-size: 36px!important;
	font-size: var(--font-3);
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px
}
.step-number-container {
	position: relative
}
.step-number {
	border: solid 3px var(--accent-color)!important;
	font-size: var(--font-2);
	font-family: var(--heading-font)!important;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	-webkit-font-smoothing: initial;
	margin-right: 2rem;
	position: relative;
	flex-shrink: 0;
	z-index: 1
}
.step-information {
	width: 100%
}
.step-information li{
	margin: 0 0 4px;
}
.step-bar {
	position: absolute;
	left: 2px;
	bottom: -25px;
	top: 66px;
	width: 25px;
	border-right: solid 3px #e6e6e6
}
.steps-number-background {
	background-color: #f5f5f5;
	position: absolute;
	z-index: 0;
	width: 50px;
	height: 50px;
	left: -7px;
	top: 9px
}
@media only screen and (max-width:1200px) {
	.steps-list {
		margin-left: 20px;
		margin-right: 20px
	}
	.steps-list-inner {
		width: 92%;
		margin: 0
	}
}
@media only screen and (max-width:900px) {
	.dsu-steps-number-background{
		display: none;
	}
	.steps-list {
		margin:  0 16px;
	}
	.steps-list-inner {
		width: 92%;
		margin: 0
	}
	.step h3{
		font-size: 32px!important;
		margin:  0 0 16px !important;
	}
	.step-number {
		font-size: 24px!important;
		width: 32px!important;
		height: 32px!important;
		line-height: 32px!important;
		margin-right: .5rem!important;
	}
	.step-bar {
		width: 16px!important;
	}
	.step-information ul{
	padding-left: 16px;
}
}