@media only screen and (min-width: 64em) {
.hero {
height: 541px;
} .hero__headline {
margin-top: 7%;
margin-left: 0%;
}
.hero__foreground {
bottom: 0%;
left: 0%;
transform: scale(1);
}
} @media only screen and (min-width: 40em) and (max-width: 64em) {
.hero {
height: 381px;
} .hero__headline {
margin-top: 7%;
margin-left: 0%;
}
.hero__foreground {
bottom: 0%;
left: 0%;
transform: scale(1);
}
} @media only screen and (max-width: 40em) {
.hero {
height: 250px;
} .hero__headline {
margin-top: 0%;
margin-left: 0%;
}
.hero__foreground {
bottom: 0%;
left: 0%;
transform: scale(1);
}
}