/* ======== RESPONSIVE CSS ========= */


/* ===================================================
		MIN WIDTH 
=================================================== */

@media screen and (min-width: 600px) {

    .middle-section h1,
    .middle-section .h1 {
        font-size: 83px;
    }
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .desktop-margin {
        margin-top: -60%;
    }

    .landscape {
        margin-top: -260px;
        z-index: -1;
    }
}

@media (min-width: 1200px) {
    h4 {
        font-size: 30px;
    }

    .splash {
        font-size: 30px;
    }

}

@media screen and (min-width: 1500px) {}



/* ===================================================
		MAX WIDTH 
=================================================== */
/* mobile displays that are shown under the large breakpoint (992px) */
@media screen and (max-width: 991px) {

    .gform_wrapper,
    .gform_confirmation_message {
        margin-top: 16px !important;
    }

    .page-template-page-endorsements .main-section .h1 {
        font-size: 40px;
    }


}

/* mobile displays that are shown under the medium breakpoint (768px) */
@media screen and (max-width: 767px) {

    .page-template-page-endorsements h1,
    .page-template-page-endorsements .h1 {
        font-size: 55px;
    }

    .page-template-page-endorsements h2 {
        font-size: 20px;
    }
}

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

    .name_first input {
        margin-bottom: 16px !important;
    }

    .ginput_container_email input {
        margin-top: 0 !important;
    }

    .gform_footer {
        padding-right: 0 !important;
    }

    .page-template-page-endorsements .main-section .h1 {
        font-size: 28px;
    }
}


@media screen and (max-width: 500px) {
    .splash {
        font-size: 16px;
    }

    .splash h1 {
        font-size: 3.7em;
    }

    .page-template-page-endorsements h1,
    .page-template-page-endorsements .h1 {
        font-size: 40px;
    }
}

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

    .middle-section h1,
    .middle-section .h1 {
        font-size: 43px;
    }
}

@media screen and (max-width: 350px) {
    h4.form-title {
        top: 35px;
        padding: 0 60px;
    }
}

@media screen and (max-width: 300px) {
    /* .gform_footer .gform_button {
        padding: 5px;
    } */
}




/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
@media (min-width: 351px) and (max-width: 500px) {
    h4.form-title {
        top: 25px;
        padding: 0 60px;
    }
}

/* 501px - 991px LARGE size */
@media (min-width: 501px) and (max-width: 991px) {
    h4.form-title {
        top: 30px;
    }
}

/* 768px - 991px MEDIUM Size */
@media (min-width: 768px) and (max-width: 991px) {
    h4.form-title:before {
        content: '';
        position: absolute;
        top: 50%;
        bottom: 0;
        left: 0;
        border-bottom: 3px solid var(--red);
        height: 3px;
        max-width: 150px;
        width: 100%;
    }

    h4.form-title:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        border-bottom: 3px solid var(--red);
        height: 3px;
        max-width: 150px;
        width: 100%;
    }
}

/* 768px - 1200px MEDIUM AND LARGE Size */
@media (min-width: 768px) and (max-width: 1199px) {}

/* 992px - 1199px LARGE size */
@media (min-width: 992px) and (max-width: 1199px) {
    h4.form-title {
        top: 20px;
    }
}