@media (max-width:1750px) {
    #hero-section .info {
        width: 43%;
    }

    #hero-section .pix{
        max-width:830px;
    }

}

@media (max-width:1650px) {
    #hero-section .pix{
        width:50%;
    }

    #body-copy-section .info.two{
        width:80%;
    }

    #group-image-banner .pix{
        width:370px;
    }
}

@media (max-width:1450px) {
    #intro-copy-section .stat{
        width:24%;
        margin: 0 40px 30px 0;
    }

    .testimonial{
        width:95%;
    }

    #body-copy-section .info.two {
        width: 90%;
    }

    #footer-section__to-form-btn .flex {

        margin: 60px 0 30px 0;
    }

    #hero-section .info {
        width: 44%;
    }

    #group-image-banner .banner .info{
        width:55%;
    }

}

@media (max-width:1350px) {
    #hero-section .info {
        width: 48%;
    }

    #body-copy-section .info.two, #form-step1 .text, #leaders-section .text {
        width: 100%;
    }

    #footer-section__to-form-btn .flex {
        margin: 0px 0 20px 0;
    }

    #intro-copy-section .stat {

        margin: 0 30px 30px 0;
    }

    #label4 .yellow{
        position: relative;
        top:0;
    }



}

@media (max-width:1250px) {
    #hero-section .info {
        width: 53%;
    }

    #hero-section .info h1{
        font-size:41px;
    }

    #hero-section .pix {
        width: 46%;
    }



    #intro-copy-section .stat {
        width: 23%;
        font-size:18px;
        padding:20px;

    }

    #intro-copy-section .num{
        font-size:60px;
    }

    #group-image-banner .pix {
        width: 350px;

    }

    .testimonial .quote {
        font-size: 30px;
        width: 80%;
    }

    .ticketbox {

        margin: 0 1% 10px 0;
    }

    input,
    textarea,
    select {
        border-radius: 0;
        -webkit-appearance: none;
        appearance: none;
    }

    .donateform #step2:checked ~ #form-step2, .donateform #step3:checked ~ #form-step3{
        float:none;
    }

    .donateform #form-step2, .donateform #form-step3, .donateform #form-step4{
        width:100%;
    }

    .donateform #step3:checked ~ #form-step3{
        margin:0;
    }

    #hero-section  {
        padding:50px 0 0 0;
    }

    #group-image-banner .pix {
        width: 320px;
    }

    #group-image-banner .banner .info{
        width:45%;
    }

    .main {
        max-width: 100%;
        padding:0 50px;
    }




}

@media (max-width:960px) {

    #hero-section .flex{
        flex-direction:column-reverse;
    }

    #intro-copy-section .stat{
        font-size:16px;
    }

    #intro-copy-section h2{
        font-size:40px;
    }

    #intro-copy-section .stat {
        width: 24%;
        padding:12px;
    }

    #intro-copy-section .source{
        margin:5px 0 0 0;
    }





    #hero-section  {
        padding:0px 0 0 0;
    }

    #hero-section .pix .tall{
        display:none;
    }

    #hero-section .pix .wide{
        display:block;
    }

    #hero-section .info, #hero-section .pix{
        width:100%;
        margin:0 auto;
    }

    #hero-section .info{
        margin:50px auto 50px auto;
    }



    #footer-section__to-form-btn .flex .left{
        width:90%;
    }

    #body-copy-section .flex{
        flex-direction:column;
    }

    #body-copy-section .pix{
        width:100%;
    }

    #body-copy-section .info{
        width:100%;
        margin:40px 0 40px 0;
    }

    #group-image-banner .banner .info {
        width: 40%;
    }

    #group-image-banner .pix {
        width: 270px;
    }
}

@media (max-width:850px) {
    #intro-copy-section .text{
        width:100%;
    }

    .main {
        max-width: 95%;
        padding:0;
    }

    #intro-copy-section .stat{
        width:90%;
        margin:0 0 20px 0;
    }

    #group-image-banner .banner .main{
        flex-direction:column-reverse;
        padding:50px 5%;
        max-width:80%;
    }

    #group-image-banner .pix {
        width: 100%;
        margin: 0 0 40px 0;
    }

    #group-image-banner .banner .info{
        width:100%;
        margin:30px 0 0 0;
    }

    .testimonial .quote{
        width:65%;
    }



    .leaders .leader {
        margin: 0 20px 0 0;
    }

    #leaders-section{
        margin:0 0 40px 0;
    }

    #dn-center .btn-group{
        display:flex;
    }
}

@media (max-width:750px) {
    .logo {
        width: 100px;
    }

    .ticketbox{
        width:190px;
    }

    .leaders .leader {
        margin: 0 40px 40px 0;
    }

    #intro-copy-section h2 {
        font-size: 35px;
    }

    #dn-center .button, #dn-center .button.white, #dn-center #dafpay-container.button.altpaybutton{
        height:25px;
        margin:0 0 20px 0;
        padding:12px 20px;
        width:200px;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    #dn-center .btn-group {
        display: flex;
        flex-direction: column;
    }


}

@media (max-width:650px) {
    nav li a {
        font-size: 16px;
    }

    nav .button {

        padding: 6px 10px;
        font-size: 14px;
    }

    nav li {

        margin: 0 0 0 20px;
    }

    h1, h2 {
        font-size: 40px;
    }
}

    @media (max-width:550px) {
        .logo {
            width: 80px;
        }

        nav .button {

            padding: 6px 8px;
            font-size: 11px;
        }

        nav li a{
            font-size:14px;
        }

        nav li {

            margin: 0 0 0 15px;
        }

        #logo-bar-section{
            padding:15px;
        }

        #logo-bar-section .flex{
            max-width:95%;
        }




            nav {
                width: 78%;

            }


        .testimonial{
            flex-direction:column;
        }

        .testimonial .quote{
            width:100%;
            font-size:25px;
            margin:40px 0 0 0;
        }

        .testimonial .name {
            font-size: 20px;
            margin: 20px 0 0 0;
        }

        .testimonial .profile img{
            width:auto;
        }

        .testimonial .profile{
            width:100%;
            text-align:center;
        }

        #testimonial-section {

            max-width: 85%;

            padding: 30px 5%;
        }

        #group-image-banner .banner .main{
            max-width:85%;
        }

        .ticketbox {

            width:48%;
        }

        .ticketbox .ticketdet{
            width:95%;
            line-height:1.2;
        }

        .ticketbox label{
            padding:10px 0;
        }

        .ticketbox .ticket {
            width: 95%;
            margin: 0 auto 2px auto;

            line-height: 1.2;

        }

        .ticketbox .ticketprice{
            margin:0;
        }

        #dn-center .ticketbox.general {

            margin: 0 0 30px 0;

            width: 100%;
        }

        #dn-center .bottom .dn-field.choose {
            width: 100%;
        }

        #dn-center .bottom {
            margin: 20px 0 0px 0;

        }



        .leaders .leader {
            margin: 0 30px 30px 0;
            width: 40%;
        }

        .leaders .leader{
            font-size:16px;
        }

        #footer-section__to-form-btn .logo{
            margin:0 0 30px 0;
        }

        #leaders-section {
            margin: 0 0 20px 0;
        }

        #footer-section__to-form-btn .footertext{
            padding:20px 0;
        }

        .disclaimer{
            padding:50px 0;
        }

        #dn-center .btn-group{
            padding:20px 0 0 0;
        }

        #intro-copy-section__to-form-btn{
            display:block;
        }

        .total{
            font-size:18px;
        }

}

@media (max-width:400px) {
    .logo {
        width: 60px;
    }

    nav .button {

        padding: 6px 5px;
        font-size: 10px;
    }

    nav li a{
        font-size:13px;
    }

    nav li {

        margin: 0 0 0 12px;
    }

    #logo-bar-section{
        padding:10px;
    }

    #logo-bar-section .flex{
        max-width:98%;
    }

    nav li {

        margin: 0 0 0 4px;
    }


    nav {
        width: 78%;

    }



}

@media (max-width:350px) {
    nav {
        margin: 0 -4% 0 0%;
    }

    .ticketbox{
        width:145px;
    }
}