@media only screen and (min-width: 64em) {
.hero {
height: 560px;
} .hero__headline {
margin-top: -5%;
margin-left: 0%;
}
.hero__foreground {
bottom: -55%;
left: 30%;
transform: scale(0.42);
}
} @media only screen and (min-width: 40em) and (max-width: 64em) {
.hero {
height: 583px;
} .hero__headline {
margin-top: -55%;
margin-left: 0%;
}
.hero__foreground {
bottom: -9%;
left: 0%;
transform: scale(0.63);
}
} @media only screen and (max-width: 40em) {
.hero {
height: 329px;
} .hero__headline {
margin-top: 0%;
margin-left: -42%;
}
.hero__foreground {
bottom: 0%;
left: 22%;
transform: scale(0.72);
}
}