@media only screen and (min-width: 64em) {
.hero {
height: 505px;
} .hero__headline {
margin-top: 0%;
margin-left: 7%;
}
.hero__foreground {
bottom: -81%;
left: 39%;
transform: scale(0.32);
}
} @media only screen and (min-width: 40em) and (max-width: 64em) {
.hero {
height: 578px;
} .hero__headline {
margin-top: 0%;
margin-left: 0%;
}
.hero__foreground {
bottom: -26%;
left: 47%;
transform: scale(0.65);
}
} @media only screen and (max-width: 40em) {
.hero {
height: 349px;
} .hero__headline {
margin-top: -19%;
margin-left: -8%;
}
.hero__foreground {
bottom: -10%;
left: 47%;
transform: scale(0.73);
}
}