/* INPAGE HEADING HERO IMAGE */
.mainTop {z-index:1;}
.twoColumn {z-index:2;}
.mainTop .pageHeading .media {
    height: 20vh;
    min-height: 320px;
    width:100%;
    overflow:hidden;
    position:absolute;
    top:50px;
}
@media (max-width:1300px) {
    .mainTop .pageHeading .media {top:30px;}
}
.mainTop .pageHeading .media:after {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(http://www.profootballhof.com/cms/images/utility/mainStageOverlay.png) no-repeat 0 100%;
    background-size: cover;
    z-index: 0;
}
.mainTop .pageHeading .media img {
	max-width: none;
	min-width: 100%;
    
    /*
    max-width:100%;
    min-width:auto;
    width:100%;
    */
}
.mainTop .pageHeading.mediaHeading {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: #1E1C1D;
    overflow: hidden;
    z-index: 1;
    margin-top:-140px;
}
.mainTop .pageHeading .media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.mainTop .pageHeading .media:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(29, 29, 29, 0.7);
}

.mainTop .pageHeading.mediaHeading .media img {
	position: relative;
	min-width: 100%;
	max-width: none;
	min-height: 100%;
}
.mainTop .pageHeading.mediaHeading .title {
	padding: 175px 20px 20px;
}

@media (min-width: 48em) {
	X.mainTop .pageHeading.mediaHeading .title {
		font-size: 5vw;
	}
}

@media all and (min-width: 80em) {
	.mainTop .pageHeading.mediaHeading .title {
		padding: 200px 12% 2%;
	}
}
	
/* END INPAGE HEADING HERO IMAGE */