.home
{
	background-color: #5B196A;
}

.home .header .header-content .logo
{
	background-image: url(../images/logo-1x.png);
    background-image: -webkit-image-set(
      url(../images/logo-1x.png) 1x,
      url(../images/logo-2x.png) 2x
    );
}

.homepage .introduction
{
	position: relative;
}

.homepage .introduction .introduction-text
{
	position: relative;
}

.homepage .introduction .introduction-text .text
{
	line-height: 48px;
	font-weight: 300;
	font-size: 37px;
	padding: 0 35px;
	color: #fff;
}

.homepage .introduction .arrow
{
	background-image: url(../images/arrow-down-1x.png);
    background-image: -webkit-image-set(
      url(../images/arrow-down-1x.png) 1x,
      url(../images/arrow-down-2x.png) 2x
    );
	background-position: center right;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	margin: 0 auto;
	bottom: 30px;
	height: 60px;
	width: 60px;
	right: 0;
	left: 0;
}

.homepage .light-pink-container,
.homepage .white-container,
.homepage .blue-container,
.homepage .light-blue-container,
.homepage .grey-container,
.homepage .light-grey-container
{
	padding: 50px 35px 30px;
}

.homepage .light-pink-container
{
	background-color: #8D5E97;
}

.homepage .white-container
{
	background-color: #fff;
}

.homepage .blue-container
{
	background-color: #1883A3;
}

.homepage .light-blue-container
{
	background-color: #5EA9BF;
}

.homepage .grey-container
{
	background-color: #505050;
}

.homepage .light-grey-container
{
	background-color: #858585;
}

.homepage .light-pink-container .text,
.homepage .white-container .text,
.homepage .blue-container .text,
.homepage .light-blue-container .text,
.homepage .grey-container .text,
.homepage .light-grey-container .text
{
	overflow: hidden;
}

.homepage .light-pink-container h2,
.homepage .white-container h2,
.homepage .blue-container h2,
.homepage .light-blue-container h2,
.homepage .grey-container h2,
.homepage .light-grey-container h2
{
	margin-bottom: 45px;
	line-height: 45px;
	font-weight: 300;
	font-size: 33px;
	color: #fff;
}

.homepage .white-container h2
{
	color: #000;
}

.homepage .light-pink-container p,
.homepage .white-container p,
.homepage .blue-container p,
.homepage .light-blue-container p,
.homepage .grey-container p,
.homepage .light-grey-container p
{
	margin-bottom: 30px;
	line-height: 32px;
	font-weight: 300;
	font-size: 23px;
	color: #fff;
}

.homepage .white-container p
{
	color: #000;
}

@media (min-width: 768px)
{
	.homepage .introduction .introduction-text .text
	{
		line-height: 80px;
		padding: 0 130px;
		font-size: 62px;
	}
	
	.homepage .introduction .arrow
	{
		/*bottom: 130px;*/
	}
	
	.homepage .light-pink-container,
	.homepage .white-container,
	.homepage .blue-container,
	.homepage .light-blue-container,
	.homepage .grey-container,
	.homepage .light-grey-container
	{
		padding: 90px 130px 70px;
	}
	
	.homepage .light-pink-container h2,
	.homepage .white-container h2,
	.homepage .blue-container h2,
	.homepage .light-blue-container h2,
	.homepage .grey-container h2,
	.homepage .light-grey-container h2
	{
		line-height: 55px;
		font-size: 40px;
	}
	
	.homepage .light-pink-container p,
	.homepage .white-container p,
	.homepage .blue-container p,
	.homepage .light-blue-container p,
	.homepage .grey-container p,
	.homepage .light-grey-container p
	{
		line-height: 36px;
		font-size: 26px;
	}
}

@media (min-width: 1340px)
{
	.homepage .introduction .introduction-text .text
	{
		line-height: 60px;
		font-size: 44px;
		margin: 0 auto;
		width: 800px;
		padding: 0;
		right: 0;
		left: 0;
	}
	
	.homepage .light-pink-container,
	.homepage .white-container,
	.homepage .blue-container,
	.homepage .light-blue-container,
	.homepage .grey-container,
	.homepage .light-grey-container
	{
		padding: 90px 0 70px;
	}
	
	.homepage .light-pink-container .text,
	.homepage .white-container .text,
	.homepage .blue-container .text,
	.homepage .light-blue-container .text,
	.homepage .grey-container .text,
	.homepage .light-grey-container .text
	{
		margin: 0 auto;
		width: 800px;
	}
}