@charset "utf-8";
/* Diamond Draft Weekend | Contact Responsive CSS | V1.0 */

@media screen and (max-width: 1000px) {

    .contact-hero {
        min-height: auto;
    }

    .contact-hero-inner {
        flex-direction: column;
        text-align: center;
        padding: 150px 30px 120px;
        gap: 35px;
    }

    .contact-intro,
    .contact-intro p {
        max-width: 100%;
    }

    .contact-banner img {
        width: 420px;
    }

    .contact-main {
        padding: 0 30px 90px;
        margin-top: -70px;
    }

    .contact-panel {
        grid-template-columns: 1fr;
    }

    .contact-panel::after {
        display: none;
    }

    .contact-form-side {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }

    .contact-form-side,
    .contact-info-side {
        padding: 50px 35px;
    }
}

@media screen and (max-width: 700px) {

    .contact-hero-inner {
        padding: 130px 22px 95px;
    }

    .contact-intro h1 {
        font-size: 62px;
    }
    
    .contact-hero-divider {
        margin: 26px auto 30px;
    }

    .contact-intro p {
        font-size: 18px;
    }

    .contact-banner img {
        width: auto;
        margin-top: -50px;
    }

    .contact-main {
        padding: 0 18px 75px;
        margin-top: -55px;
    }

    .contact-form-side,
    .contact-info-side {
        padding: 38px 24px;
    }

    .info-label {
        font-size: 22px;
    }

    .info-group p {
        font-size: 16px;
        overflow-wrap: anywhere;
    }
}