.navPixHead {
	margin: auto;
	position: relative;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.navPixHead .item {
	position: absolute;
	background-position: center top;
	background-repeat: no-repeat;
}
.navPixHead .item .text {
	position: absolute;
	top: 30%;
	left: 68%;
}
.navPixHead .item,
.navPixHead .item img { width: 100%; }
.navPixHead .item img { display: block; }
.navPixHead .item .text { text-shadow: 0 0 14px #fff, 0 0 10px #fff, 0 0 4px #fff; }
.navPixHead .item .text h1,
.navPixHead .item .text h2 {
	font-family: 'SourceSansProLight', sans-serif;
	font-weight: normal;
	font-size: 240%;
	line-height: 125%;
	margin-bottom: 10px;
	color: #000;
}
.navPixHead .item .text p { font-size: 120%; line-height: 100%; }


@media all and (max-width: 1200px) {
	.navPixHead .item .text h1 { font-size: 200%; }
	.navPixHead .item .text h2 { font-size: 200%; }
}
@media all and (max-width: 1000px) {
	.navPixHead .item .text h1 { font-size: 150%; }
	.navPixHead .item .text h2 { font-size: 150%; }
	.navPixHead .item .text p { font-size: 100%; }
}
@media all and (max-width: 850px) {
	.navPixHead .item .text h1 { font-size: 120%; }
	.navPixHead .item .text h2 { font-size: 120%; }
	.navPixHead .item .text p { font-size: 100%; }
}
@media all and (max-width: 750px) {
	.navPixHead .item .text {
		transform: scale(0.8,0.8);
		top: 20%;
		left: 66%;
		margin: 0;
	}
}