.landingHero {
	position: relative;
	/*PBI312900 : updated the background to MultiracialCoupleWithTwoChildrenIndoorsHappy.jpg*/
	background: linear-gradient(270deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 81.25%), url("/apspssp/framework/skins/APSP-Iowa/images/MultiracialCoupleWithTwoChildrenIndoorsHappy.jpg");
	background-position: 0 35%;
	background-size: cover;
}

.landingHero:before {
	content:"";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.landingHeroContent {
	position: absolute;
	bottom: 15px;
	color: #494949;
	width: 100%;
}

.landingHeroTitle {
	font-weight: 700;
	color: #FFFFFF;
}

.landingHeroSubTitle {
	font-weight: 400;
	color: #FFFFFF;
}

.landingHeroSubTitle p {
	line-height: 1.5em;
}

.landingHeroButton {
	background-color: #00A897;
	border: 2px solid #00A897 !important;
}

.landingHeroButton:hover {
	background-color: #5FE2BE;
	border: 2px solid #5FE2BE !important;
}

/* xs mobile */
@media screen and (max-width: 475px) {
	.landingHeroContent .landingHeroSubTitle {
		width: 57%;
	}
}

/* mobile */
@media screen and (max-width: 767.9px) {
	.landingHeroContent {
		padding-left: 0;
		text-align: center;
		top: 28%;
	}
	.landingHeroTitle {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.landingHeroSubTitle {
		font-size: 14px;
		width: 52%;
	}
	/* Commented width for PBI-301263 */
	.landingHeroButton {
		/* width: 166px; */
		height: 40px;
		font-size: 14px !important;
	}
	.landingHeroBtn {
		display: flex;
		justify-content: center;
	}
	.landingHero {
		height: 360px;
		/*PBI312900 : updated the background to MultiracialCoupleWithTwoChildrenIndoorsHappy.jpg*/
		background: linear-gradient(181.86deg, rgba(0, 0, 0, 0) 19.52%, rgba(0, 0, 0, 0.578125) 36.5%, rgba(0, 0, 0, 0.7) 73.63%), url("/apspssp/framework/skins/APSP-Iowa/images/MultiracialCoupleWithTwoChildrenIndoorsHappy.jpg");
		background-position: 60%;
		background-size: cover;
	}
	.landingHeroButtonContainer {
		padding-top: 15px;
	}
}

/* tablet */
@media screen and (min-width:768px) and (max-width: 1023.9px) {
	.landingHeroContent {
		padding-left: 0;
		text-align: center;
		top: 34%;
	}
	.landingHeroTitle {
		font-size: 30px;
		margin-bottom: 15px;
	}
	.landingHeroSubTitle {
		font-size: 18px;
		width: 34%;
	}
	.landingHeroButton {
		width: 200px;
		height: 50px;
		font-size: 16px !important;
	}
	.landingHeroBtn {
		display: flex;
		justify-content: center;
	}
	.landingHero {
		height: 500px;
		/*PBI312900 : updated the background to MultiracialCoupleWithTwoChildrenIndoorsHappy.jpg*/
		background: linear-gradient(181.86deg, rgba(0, 0, 0, 0) 13.99%, rgba(0, 0, 0, 0.578125) 50.72%, rgba(0, 0, 0, 0.7) 89.83%), url("/apspssp/framework/skins/APSP-Iowa/images/MultiracialCoupleWithTwoChildrenIndoorsHappy.jpg");
		background-position: 60%;
		background-size: cover;
	}
	.landingHeroButtonContainer {
		padding-top: 15px;
	}
}

/* laptop */
@media screen and (min-width:1024px) {
	.landingHeroContent {
		top: 30%;
		padding-left: 148px;
	}
	.landingHeroTitle {
		font-size: 40px;
	}
	.landingHeroSubTitle {
		font-size: 18px;
	}
	/* Commented width for PBI-301263 */ 
	.landingHeroButton {
		/* width: 220px; */
		height: 50px;
		font-size: 18px !important;
	}
	.landingHero {
		height: 600px;
	}
	.landingHeroButtonContainer {
		padding-top: 25px;
	}
}