@media screen and (max-width: 1400px) {
    .donate-section h2 {
        font-size: 35px;
    }

    .donate-section {
        padding: 0;
    }

    .hero-image {
        width: 42%;
    }
}

@media screen and (max-width: 1300px) {
    /* .left-hero {
        width: 40%;
        left: 6%;
    } */

    .main-header {
        background-size: auto;
    }

    h1 {
        font-size: 39px;
    }

    .donate-section h2 {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1100px) {
    .meet-section {
        padding: 100px 0%;
    }

    .donate-section {
        text-align: center;
    }

    .donate-inner {
        width: 100%;
    }

    .donate-section-a {
        width: 22%;
        margin-left: 2%;
        margin-right: 0;
    }

    .donate-section-a:first-of-type {
        margin-left: 0;
    }

    .donate-section-btn {
        width: 200px;
        padding: 65px 16px;
    }

    .donate-inner-wrap {
        width: calc(100% - 201px);
        vertical-align: middle;
    }
}

@media screen and (max-width: 1100px) {
    .left-hero {
        width: 29%;
    }


    .main-header {
        min-height: 630px;
    }

    h1 {
        font-size: 34px;
    }
}

@media screen and (max-width: 1000px) {
    .involved-section {
        padding: 40px 5%;
    }

    .why-section {
        padding: 50px 10%;
    }
}

@media screen and (max-width: 950px) {
    .nav-a {
        font-size: 17px;
    }

    .why-a {
        margin: 0 15px;
    }
}

@media screen and (max-width: 850px) {
    .mobile-top-top {
        background-image: url('../images/mobile-top-left.png');
        width: 100%;
        height: 400px;
        background-size: cover;
        background-position: center;
    }

    .mobile-bottom-top {
        background-image: url('../images/mobile-bottom-right.png');
        width: 100%;
        height: 400px;
        background-size: cover;
        background-position: center;
    }

    .top-images-wrapper {
        width: 100%;
        height: 400px;
        background-size: cover;
    }


    .bottom-image-wrapper {
        width: 100%;
        height: 400px;
        background-size: cover;
        background-position: center;
    }

    .top-right,
    .bottom-left {
        display: none;
    }

    .nav-a {
        font-size: 15px;
    }

    .left-hero {
        width: 40%;
        left: 6%;
    }

    h1 {
        font-size: 27px;
    }

    .left-a {
        font-size: 16px;
        padding: 10px 25px;
        display: block;
    }

    .involved-section h2 {
        font-size: 34px;
    }

    .main-header {
        min-height: 630px;
        /* background-position: right -60px bottom -3px; */
    }

    .hero-image {
        width: 60%;
    }
}

@media screen and (max-width: 800px) {
    .main-header {
        min-height: 573px;
        /* background-position: right -60px bottom -3px; */
    }

    .container {
        display: block;
    }    

    .why-a {
        display: block;
        width: 192px;
    }

    .nav-a {
        margin: 20px auto;
        font-size: 19px;
        color: #fff;
    }

    .left-nav {
        display: none;
    }

    .mobile-nav {
        background-color: #252161;
        display: block;
        display: none;
        padding: 50px 5% 10px;
        position: absolute;
        left: 0;
        text-align: center;
        width: 50%;
        z-index: 2;
        top: -10px;
    }

    .meet-right {
        width: 100%;
    }

    .meet-left {
        width: 100%;
    }

    .why-section {
        padding: 50px 5%;
    }
}


@media screen and (max-width: 745px) {
    .zip,
    .form-wrapper #NVSignupForm486509 .at-row.at-row-solo.PostalCode {
        width: 100%;
        margin: 5px 0;
    }

    .email,
    .form-wrapper #NVSignupForm486509 .at-row.at-row-solo.EmailAddress {
        width: 100%;
    }

    .signup-btn,
    .form-wrapper #NVSignupForm486509 .at-form-submit {
        width: 100%;
    }

    h1 {
        font-size: 23px;
    }

    .left-hero {
        width: 36%;
        left: 6%;
        top: 16%;
    }
}

@media screen and (max-width: 700px) {
    .left-hero {
        /* width: 46%; */
        left: 3%;
        /* top: 16%; */
    }

    .main-header {
        min-height: 500px;
        background-size: auto 119%;
    }
}

@media screen and (max-width: 650px) {
    .donate-section-a {
        width: 45%;
        margin: 2% 10px;
    }

    .why-image {
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
    }

    .donate-section-a:first-of-type {
        margin-left: 10px;
    }

    .donate-section-btn {
        width: 94%;
        padding: 20px 0;
    }

    .donate-inner-wrap {
        width: 100%;
        vertical-align: middle;
    }

    .donate-section {
        text-align: center;
        padding: 45px 5% 20px;
    }
}

@media screen and (max-width: 600px) {
    .why-footer-a {
        display: block;
        width: 192px;
        margin: 20px auto;
    }

    /* .main-header {
        background-size: 66% 102%;
    } */
}

@media screen and (max-width: 550px) {
   
    /* .main-header {
        background-size: 76% 102%;
    } */

    .hero-image {
        width: 78%;
        margin-top: 125px;
    }

}

@media screen and (max-width: 500px) {
    .mobile-nav {
        width: 100%;
        text-align: center;
    }

    .footer-logo {
        width: 80%;
    }

    .donate-section-a {
        width: 94%;
        margin: 2% 10px;
    }

    .main-header {
        background-position: right -40px bottom -3px;
        background-size: auto 104%;
    }


    .left-hero {
        width: 39%;
        top: 20%;
    }
}

@media screen and (max-width: 460px) {
    .images-wrapper div {
        height: 345px;
    }

    .banner p {
        font-size: 16px;
    }
}

@media screen and (max-width: 400px) {
    .email-a {
        font-size: 18px;
    }

    .main-header {
        min-height: 445px;
    }
}