/**********************************************************
// Block >> Example
**********************************************************/
.morphext > .animated {
    display: inline-block;
}

.About-Header {
	background: url('../../Images/About_Header_Desktop.jpg') right top;
	background-size: cover;
	padding: 150px 0;
	margin-bottom: 40px;
	position: relative;
	}

.About-Header-Mobile-BG {
	position: absolute;
	background: url('../../Images/About_Header_Desktop.jpg') right -150px top;
	background-size: cover;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: .15;
	display: none;
	z-index: 1;
}

.About-Header-Inner {
	max-width: 90%;
	margin: 0 auto 0 5%;
	width: 860px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.About-Header h2 {
	font-size: 220px;
	text-transform: lowercase;
	line-height: .8em;
}

/**********************************************************
// Media Queries
**********************************************************/
@media
all and (max-width: 1300px),
all and (max-device-width: 1300px)
{
	
	.About-Header-Inner {
		width: 650px;
	}
	
	.About-Header h2 {
		font-size: 150px;
	}
}

@media
all and (max-width: 1050px),
all and (max-device-width: 1050px)
{
	.About-Header-Inner { width: 420px; }
	
	.About-Header h2 {
		font-size: 100px;
	}
}

@media
all and (max-width: 850px),
all and (max-device-width: 850px)
{
	.About-Header {
		background-position: right -150px top;
	}
}

@media
all and (max-width: 650px),
all and (max-device-width: 650px)
{
	.About-Header {
		background-position: right -200px top;
	}
	
	.About-Header-Inner { margin-left: 2%; }
}

@media
all and (max-width: 550px),
all and (max-device-width: 550px)
{
	.About-Header { background: 0; }
	.About-Header-Mobile-BG { display: block; }
	.About-Header-Inner { width: 96%; margin: 0 auto;  }
	
	.About-Header h2 {
		font-size: 70px;
	}
}