.hero.easter{
	background-size:auto 100%;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.hero.easter article{
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;

}
.hero.easter .wrapper{
	min-height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.hero.easter .wrapper .content{
	width:90%;
	min-width:90%;
	margin:5% auto 0 auto;
}
.hero.easter .wrapper .fg{
	margin:10% auto;
	overflow:visible;
	position:relative;
}
.hero.easter .wrapper .fg img{
	max-width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}
.hero.easter .fg .shadow{
	width:95%;
	min-width:95%;
	height:4rem;
	margin:0 auto;
	position:absolute;
	left:2.5%;
	bottom:0;
	z-index:0;
	border-radius: 2rem;
	background-color: rgba(0,0,0,.8);
	box-shadow:0px 25px 20px 0px rgba(0,0,0,.7);
}

.hero article > .wrapper {
	display: block;
}



@media (min-width: 768px) {

	.hero.easter{
		background-size:cover;
		background-repeat: no-repeat;
		background-position: center bottom;
}
	.hero.easter .wrapper .fg{
		width:30%;
	}

}

@media (min-width: 768px){

}
@media (orientation: landscape) and (max-height: 430px) {

}
@media only screen and (max-width: 844px) and (orientation: portrait) {


}