Try something like this:
.hero,
.hero-background {
height: 50vh;
}
@media screen and (min-width: 768px) {
.hero-title {
padding-top: 30px;
}
}
It can probably be improved further, but is a start:
Try something like this:
.hero,
.hero-background {
height: 50vh;
}
@media screen and (min-width: 768px) {
.hero-title {
padding-top: 30px;
}
}
It can probably be improved further, but is a start: