@media (min-width:1023px) {
    .page-home-hero-image {
        margin-top: 2rem
    }
}

@media (min-width:768px) {
    .page-home-hero-search {
        margin: -3rem auto 0;
        max-width: 35rem
    }
}

@media (min-width:1023px) {
    .page-home-hero-search {
        margin-top: -6rem
    }
}

@media (min-width:1280px) {
    .page-home-hero-search {
        margin-top: -10rem
    }
}

.page-home-teasers {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    grid-gap: calc(var(--grid-gap)*2)
}