/**********************************************************
// Block >> Home >> Services
**********************************************************/
.Block-Home-Services {
	padding: 85px 20px;
	background: #D5D3D8;
	text-align: center;
	}

.Block-Home-Services > h2 {
	font-weight: 300;
	font-size: 36px;
	}

.Block-Home-Services > h2 span {
	text-transform: lowercase;
	font-family: "Baselliost", serif;
	font-weight: 400;
	font-size: 80px;
	}

.Block-Home-Services > h3 {
	padding: 0;
	font-weight: 300;
	font-size: 20px;
	}

.Block-Home-Services-List {
	margin: auto;
	width: 100%;
	max-width: 1250px;
	font-size: 0;
	}

/**********************************************************
// Block >> Home >> Service
**********************************************************/
.Block-Home-Service {
	margin: 35px 1% 25px 1%;
	padding: 25px 25px 0 25px;
	width: 48%;
	max-width: 590px;
	background: #F7F6F4;
	display: inline-block;
	vertical-align: top;
	}

.Block-Home-Service h3 {
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 24px;
	}

.Block-Home-Service h3 span {
	text-transform: lowercase;
	font-family: "Baselliost", serif;
	font-weight: 400;
	font-size: 70px;
	}

.Block-Home-Service p {
	margin: 20px auto 0 auto;
	padding: 0;
	width: 100%;
	max-width: 480px;
	min-height: 80px;
	font-size: 18px;
	}

.Block-Home-Service a {
	margin: 20px auto -25px auto;
	padding: 15px 40px;
	border-radius: 4px;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 12px;
	color: #FFF;
	display: inline-block;
	}

.Service-Orange h3 { color: #F79C8A; }
.Service-Purple h3 { color: #281048; }
.Service-Light-Orange h3 { color: #F7C89C; }
.Service-Light-Purple h3 { color: #92899E; }

.Service-Orange a { background: #F79C8A; }
.Service-Orange a:hover { background: #281048; }

.Service-Purple a { background: #281048; }
.Service-Purple a:hover { background: #F79C8A; }

.Service-Light-Orange a { background: #F7C89C; }
.Service-Light-Orange a:hover { background: #92899E; }

.Service-Light-Purple a { background: #92899E; }
.Service-Light-Purple a:hover { background: #F7C89C; }

/**********************************************************
// Media Queries
**********************************************************/
@media
all and (max-width: 768px),
all and (max-device-width: 768px)
{
	.Block-Home-Services { padding: 30px 20px; }

	.Block-Home-Service {
		margin: 35px auto 25px auto;
		width: 100%;
		display: block;
		}
}