.hero.st-patty *{
}
.hero.st-patty{
	position:relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.hero.st-patty article{
	min-width:100%;
	min-height:100%;
	margin:0;
	padding:0;
	position:absolute;
}
.hero article > .wrapper {
	display: block;
}

.hero.st-patty article > .wrapper > *{
	width:100%;
	height:50%;
}
.hero.st-patty > .wrapper > .content {

	/*display: grid;
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: 1fr;
	gap: 0;
	width: 100%;
	height: 100%;*/
}
.hero.st-patty .fg{
	max-width:50%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

@media (min-width: 768px) {
	.hero.st-patty article > .wrapper {
		height: 100%;
		min-height: 100%;
		display: block;
	}

}

@media (min-width: 768px){

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

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


}