.contact-page .contact-hero {
    width: 100%;
    height: 80vh;
    height: 80svh;
    min-height: 500px;
    max-height: 900px;
    padding: 40px 0;
}

@media (max-width: 900px) {
    .contact-page .contact-hero {
        height: 75vh;
        height: 75svh;
        min-height: 460px;
        max-height: 760px;
        padding: 40px 0;
    }
}

@media (max-width: 600px) {
    .contact-page .contact-hero {
        height: 70vh;
        height: 70svh;
        min-height: 380px;
        max-height: 620px;
        padding: 32px 0;
    }
}