.how-it-works-page .flex-container {
	display: flex;
	align-items: center;
	display: -webkit-flex;
	-webkit-align-items: center;
}

.how-it-works-page .section {
	padding: 100px 0;
}

.how-it-works-page .section.one .flex-container .left {
	width: 40%;
}

.how-it-works-page .section.one .flex-container .left .title {
	color: #202526;
	font-size: 4rem;
	line-height: 5rem;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: -0.3rem;
}

.how-it-works-page .section.one .flex-container .left .description {
	font-size: 2rem;
	line-height: 2.6rem;
	margin-bottom: 40px;
}

.how-it-works-page .section.one .flex-container .right {
	width: 60%;
}

.how-it-works-page .section.one .flex-container .right img {
	display: block;
	width: 100%;
}

.how-it-works-page .section.two .flex-container {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.how-it-works-page .section.two .flex-container .top,
.how-it-works-page .section.two .flex-container .bottom {
	width: 100%;
}

.how-it-works-page .section.two .flex-container .top .title {
	color: #202526;
	font-size: 4rem;
	line-height: 5rem;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: -0.3rem;
	text-align: center;
}

.how-it-works-page .section.two .flex-container .top .description {
	font-size: 2rem;
	line-height: 2.6rem;
	margin-bottom: 40px;
	text-align: center;
}


.how-it-works-page .section.two .flex-container .bottom img {
	display: block;
	width: 100%;
}

.how-it-works-page .section.three .slope {
	background-image: url(../../assets/hiw-gray-slope-down.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 680px;
	position: relative;
}

.how-it-works-page .section.three .slope .page-width {
	height: 100%;
	display: flex;
	align-items: center;

	display: -webkit-flex;
	-webkit-align-items: center;

	padding-left: 0;
	margin-left: 0;
}

.how-it-works-page .section.three .phone {
	background-image: url(../../assets/hiw-two-phones.png);
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	width: 50%;
	height: 908px;
	position: relative;
	bottom: 0px;
    left: 0;
}

.how-it-works-page .section.three .text {
	padding-left: 50px;
	width: 50%;
}

.how-it-works-page .section.three .text .tagline {
	color: #202526;
	font-size: 4.5rem;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: -0.3rem;
	line-height: 5rem;
}

.how-it-works-page .section.three .text .description {
	font-size: 2rem;
	line-height: 2.6rem;
	margin-bottom: 40px;
	max-width: 430px;
}

.how-it-works-page .section.three .text .description .blue {
	color: #2C9DB0;
	font-weight: 700;
}


.how-it-works-page .section.four .flex-container {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.how-it-works-page .section.four .flex-container .top,
.how-it-works-page .section.four .flex-container .bottom {
	width: 100%;
}

.how-it-works-page .section.four .flex-container .top .title {
	color: #202526;
	font-size: 4rem;
	line-height: 5rem;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: -0.3rem;
	text-align: center;
}

.how-it-works-page .section.four .flex-container .top .description {
	font-size: 2rem;
	line-height: 2.6rem;
	margin-bottom: 40px;
	text-align: center;
}

.how-it-works-page .section.four .flex-container .bottom {
	width: 75%;
	margin: 0 auto;
}

.how-it-works-page .section.four .flex-container .bottom img {
	display: block;
	width: 100%;
	left: 40px;
	position: relative;
}

.how-it-works-page .section.four .flex-container .bottom a {
	max-width: 500px;
	margin: 70px auto 0;
}

.how-it-works-page .section.four .flex-container .bottom a:last-child {
	margin-top: 20px;
}