/*///////////////////////////////////////////////////////////////////////////////////////// */
/*                               SOCIAL REVIEW LANDING                                      */
/*///////////////////////////////////////////////////////////////////////////////////////// */
.width-400
{
	width: 400px;
}
.height-60
{
	height: 60px;
}
.height-300
{
	height: 300px;
}
.flex-grow
{
	flex-grow: 1;
}
.m-auto
{
	margin: auto;
}
.full-width
{
	width:100%;
}
.half-width
{
	width: 50%;
}
.flex-wrap
{
	flex-wrap: wrap;
}
.flex-row
{
	display: flex;
	flex-direction: row;
}

.flex-col
{
	display: flex;
	flex-direction: column;
}
.jc-center
{
	justify-content: center;
}
.ai-center
{
	align-items: center;
}

.ml-20
{
	margin-left: 20px;
}

.mr-20
{
	margin-right: 20px;
}

.ta-center
{
	text-align: center;
}

.jc-between
{
	justify-content: space-between;
}
.jc-around
{
	justify-content: space-around;
}
.white
{
	color: #fff;
}
.red
{
	color:#df393d;
}
.ft-16
{
	font-size: 16px;
}
.bottom-button
{
	background-color: #df393d;
	border-radius: 16px;
	text-decoration: none;
}
.bottom-button-text
{
	color: white;
	font-size: 18px;
	padding: 7px 24px;
}
@media all and (min-width: 750px) 
{
	.first-banner
	{
		align-items: center;
		background-image:url(/assets/img/sr_image/howitworks/1.png);
		background-size:100% 100%;
		background-repeat: no-repeat;  
	}

	.first-banner-header
	{
		text-transform: none;
		font-size: 35px;
	}

	.first-banner-text
	{
		margin-left:10px;
		margin-right: 30px;
		font-size: 16px;
	}

	.first-banner-img
	{
		margin: auto;
	}

	.second-banner
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		background-image:url(/assets/img/sr_image/howitworks/2.png);
		background-size:100% 100%;
		background-repeat: no-repeat;  
	}

	.second-banner-header
	{
		max-width: 675px;
		color: #243645;
		text-transform: none;
		font-size: 32px;
	}

	.second-banner-text
	{
		font-size: 16px;
	}
	.third-banner
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		background-image:url(/assets/img/sr_image/howitworks/bg.png);
		background-size:100% 100%;
		background-repeat: no-repeat;  
	}
}

@media all and (max-width: 749px) 
{
	.first-banner
	{
		align-items: center;
		background-image:url(/assets/img/sr_image/howitworks/1.png);
		background-size:100% 100%;
		background-repeat: no-repeat;
		text-align: center;  
	}
	.first-banner-header
	{
		text-transform: none;
		font-size: 35px;
	}

	.first-banner-text
	{
		margin-left:10px;
		margin-right: 30px;
		font-size: 16px;
	}
	.first-banner-img
	{
		display: none;
	}

	.second-banner
	{
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-image:url(/assets/img/sr_image/howitworks/2.png);
		background-size:100% 100%;
		background-repeat: no-repeat;  
	}

	.second-banner-img
	{
		display: none;
	}

	.second-banner-header
	{
		max-width: 675px;
		color: #243645;
		text-transform: none;
		font-size: 32px;
	}

	.second-banner-text
	{
		font-size: 16px;
	}
	.third-banner
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		background-image:url(/assets/img/sr_image/howitworks/bg.png);
		background-size:100% 100%;
		background-repeat: no-repeat;  
	}
}