.hero.winter01 article {
	max-width:100%;
	max-height: 100%;
	position:absolute;
	top:0;
	left:0;
}
.hero.winter01 .wrapper {
	display: grid;
	grid-template-columns: 1fr auto; /* text | image */
	align-items: stretch; /* children fill height */
	height: 100%; /* make wrapper fill hero */
}
.hero.winter01 .content > .wrapper {
	/* this wrapper only handles centering text */
	display: flex;
	align-items: center; /* vertical center */
	height: 100%;
}

.hero.winter01 .fg {
	display: flex;
	align-items: flex-end; /* push img to bottom */
	height: 100%;
}

.hero.winter01 .fg img {
	display: block;
	max-height: 100%;
	object-fit: contain;
}
@media (min-width: 768px){
	.hero.winter01 article > .wrapper > * {
		width: inherit;
	}

}
@media (orientation: landscape) and (max-height: 430px) {
	.hero.winter01 article {
		width:90%;
		position: relative;
		margin:0 auto;
		padding:0;
	}
	.hero.winter01 .wrapper,
	.hero.winter01 .wrapper > div {
		display:block;
		margin:0 auto;
	}
	.hero.winter01 .fg {
		display:none;
		margin-top: 2rem;
	}
}
@media only screen and (max-width: 844px) and (orientation: portrait) {
	.hero.winter01 article {
		position: relative;
		padding:0;
	}
	.hero.winter01 .wrapper {
		display: block;
	}

	.hero.winter01 .fg {
		height:50%;
	}
	.hero.winter01 .fg img {
		/*width:auto;
		height:auto;*/
		margin:0 auto 0 -50%;
	}

}