@media only screen and (min-width: 64em) {
.hero {
height: 617px;
} .hero__headline {
margin-top: 2%;
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: 457px;
} .hero__headline {
margin-top: 2%;
margin-left: 0%;
}
.hero__foreground {
bottom: 0%;
left: 0%;
transform: scale(1);
}
} @media only screen and (max-width: 40em) {
.hero {
height: 207px;
} .hero__headline {
margin-top: 2%;
margin-left: 0%;
}
.hero__foreground {
bottom: 0%;
left: 0%;
transform: scale(1);
}
}