.page-contact {
    position: relative;
    padding-top: 0;
    padding-bottom: 100px;

    > .floating-elements {
        z-index: 1;
    }

    .contact-hero {
        position: relative;
        z-index: 2;
        margin-bottom: 35px;

        @media (min-width: 960px) {
            margin-bottom: 70px;
        }
    }

    .container {
        position: relative;
        z-index: 2;
        max-width: 1000px;

        h1 {
            margin-bottom: 25px;
            @media (min-width: 960px) {
                margin-bottom: 50px;
            }
        }
    }
}