.steps-container {
	text-align: left;
}

.step-wrapper {
	display: flex;
	
	margin-bottom: 20px;
}
.step-wrapper:nth-child(even) {
	flex-direction: row-reverse;
}

.step-wrapper .step-left {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	
	padding-bottom: 20px;
}

.step-wrapper:nth-child(odd) .step-right {
	padding-left: 20px;
}
.step-wrapper:nth-child(even) .step-right {
	padding-right: 20px;
}

.steps-container h2 {
	font-family: Dusha, sans-serif;
	text-align: center;
	line-height: 1.3em;
	font-size: 30px;
	color: white;
	
	margin-bottom: 10px;
}
.steps-container h2:after {
	content: "";
	
	display: block;
	width: 100%;
	height: 16px;
	
	background-image: url(../img/instructions/separator.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.steps-container h3 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 115px;
	height: 121px;
	
	background-image: url(../img/instructions/number_bg.png);
	
	font-family: Dusha, sans-serif;
	text-transform: uppercase;
	line-height: 1.3em;
	font-size: 60px;
	color: #d2c98d;
}

.steps-container p {
	font-family: "Open Sans", sans-serif;
	text-align: center;
	line-height: 1.3em;
	font-weight: 300;
	font-size: 17px;
	color: white;
	
	margin-bottom: 50px;
}

.steps-container pre {
	font-family: "Open Sans", sans-serif;
	text-align: center;
	line-height: 1.3em;
	font-weight: 300;
	font-size: 14px;
	color: white;
	
	margin-top: -30px;
	margin-bottom: 50px;
}

.steps-container a {
	color: white;
	text-decoration: underline;
}
.steps-container a:hover {
	color: #d2c98d;
}

@media (max-width: 768px) {
	.step-wrapper {
		flex-direction: column !important;
	}
	
	.step-wrapper .step-left {
		justify-content: center;
	}
}