@media screen and (max-width: 992px) {
	.how-it-works-block > div > div.separate
	{
		background: url('/images/promotion/first_step_promo/arrow_s.png') no-repeat top center / contain;
		margin: 0 5px;
	}
}

@media screen and (max-width: 768px) {
	#first-step-promo
	{
		background-size: contain;
	}
}
@media screen and (max-width: 767px) {
	#first-step-promo
	{
		margin-top: 4rem;
	}
	#first-step-promo h1 {
		font-size: 32px;
		padding-top: 2rem;
	}
	#first-step-promo .header p
	{
		font-size: 20px;
		line-height: 24px;
	}
	.multiple-elements-block
	{
		padding: 2rem 1rem 1rem;
	}
	.multiple-elements-block .multiple-elements > div
	{
		margin-bottom: 2rem;
	}
	.multiple-elements-block .multiple-elements:first-of-type
	{
		margin-bottom: 0;
	}
	.multiple-elements-block .multiple-elements:first-of-type > div:last-of-type
	{
		margin-bottom: 0;
	}
	.multiple-elements-block p
	{
		font-size: 16px;
	}
	.multiple-elements-block > p
	{
		font-size: 20px;
		font-weight: bold;
		line-height: 32px;
		margin: 2rem 0 -3rem;
	}
	.multiple-elements-block b
	{
		font-size: 26px;
	}
	#first-step-promo .multiple-elements-block div > img
	{
		max-width: 100px;
	}
	.multiple-elements-block > img
	{
		margin-bottom: -5rem;
		max-width: 100%;
	}
	.how-it-works-block > div,
	.how-it-works-block > div > div {
		display: block;
		width: 100%;
	}
	.how-it-works-block > div > div {
		padding-bottom: 1em;
		margin-top: -1em;
	}
	.how-it-works-block > div > div:first-of-type
	{
		margin-top: 0;
	}
	.how-it-works-block > div > div.separate
	{
		display: none;
	}
	.how-it-works-block > div > div:nth-child(3),
	.how-it-works-block > div > div:nth-child(7)
	{
		background: url("/images/promotion/first_step_promo/arrow_l.png") no-repeat left bottom;
	}
	.how-it-works-block > div > div:nth-child(1),
	.how-it-works-block > div > div:nth-child(5)
	{
		background: url("/images/promotion/first_step_promo/arrow_r.png") no-repeat right bottom;
	}
	.how-it-works-block p
	{
		padding: 0 15px;
	}
	.terms-block ul
	{
		list-style-position: outside;
		padding: 0 1rem;
	}
	.terms-block ul li
	{
		font-size: 13px;
		line-height: 21px;
	}
}
@media screen and (max-width: 412px) {
	#first-step-promo
	{
		background: #13008a url("/images/promotion/first_step_promo/bg_mobile.jpg") no-repeat top left / contain;
	}
}