@media (max-width: 1900px) {
    #hero .left{
        left:60px;
    }
}

@media (max-width: 1700px) {
    #hero .image {
        flex: 0 0 1000px;
    }

    #topwrapper:after{
        height:880px;
    }

    #about .text{
        width:83%;
    }

    #dn-center .options label{
        letter-spacing:0;
    }

    #dn-center #label2 .ticket, #dn-center #label3 .ticket, #dn-center #label4 .ticket, #dn-center #label5 .ticket, #dn-center #label6 .ticket, #dn-center #label7 .ticket {
        width: 85%;
    }
}

@media (max-width: 1500px) {
    #hero .image {
        flex: 0 0 800px;
    }

    #topwrapper:after {
        height: 780px;
    }

    #video h2 {
        width: 65%;
    }

    #dn-center .last {

        margin: 0 -26px;
    }

    #dn-center .options label{
        font-size:12px;
    }

    #dn-center .ticketbox .ticketprice{
        font-size:18px;
    }

    #dn-center .section {
        padding: 35px 1.5%;

        width: 20%;
    }

}

@media (max-width: 1300px) {
    h1 {

        font-size: 60px;

        line-height: 1;

    }

    #donate .headers{
        flex-direction:column;

    }

    #donate #part2{
        margin:40px auto 0 auto;
    }

    #dn-center .section, #dn-center .section.final {
        padding: 35px 3%;
        width: 94%;
        float:none;
        margin:40px 0 0 0;

    }

    #dn-center .last {
        background: #Fff;
        margin: 0;
    }

    #dn-center .section{
        overflow:hidden;
    }

    #dn-center .ticketbox label {

        float: left;
        margin: 0 1% 0 0;
        width: 16%;
        height:80px;
    }

    #dn-center .ticketbox.general label{
        float:none;
        width:37%;
        height:auto;
        margin:0;
    }

    #dn-center .options{
        width:40%;
    }

    #dn-center .section.final .ticketbox.general{
        margin:0;
    }

    #dn-center #label2, #dn-center #label3, #dn-center #label4, #dn-center #label5, #dn-center #label6, #dn-center #label7 {
        padding: 25px 15px;
        margin: 0 1% 10px 0;
        width: 29%;
    }

    #dn-center #label2 .ticketdet, #dn-center #label3 .ticketdet, #dn-center #label4 .ticketdet, #dn-center #label5 .ticketdet, #dn-center #label6 .ticketdet, #dn-center #label7 .ticketdet {
        height: 25px;
    }

    #dn-center .ticketbox #label13{
        width:37%;
        height:auto;
        margin:0;
    }

}

@media (max-width: 1200px) {
    #video h2 {
        width: 100%;
    }

    #donate #part2, #donate #part3, #donate #part4{
        width:92%;
    }

    #video h2 br{
        display:none;
    }

    #video .flex{
        display:block;
        margin:40px 0 0 0;
    }

    #about .map {
        flex: 0 0 350px;
    }

    #about .main.flex{
        justify-content:space-between;
    }

    #about .info{
        width:75%;
    }

    #video .info{
        text-align:left;
        margin:40px 0;
    }

    #video .main {
        max-width: 95%;
    }

    #dn-center #label2, #dn-center #label3, #dn-center #label4, #dn-center #label5, #dn-center #label6, #dn-center #label7 {
        padding: 15px 15px;

        width: 28%;
        height: 110px;
    }

    #dn-center .ticketbox label {


        width: 28%;
        height: 60px;
        margin: 0 1% 10px 0;
    }

    #hero .image {
        flex: 0 0 600px;
        float:right;


        right:0;
        width:550px;

    }


    #hero .main{
        display:block;
        overflow:hidden;
    }

    #topwrapper:after{
        display:none;
    }

    #hero .left {
        left: 40px;
        float:left;
    }

    #hero .text {
        margin: 20px 0;
        width: 40%;
    }

    #about {
        margin: 50px 0 0 0;
    }

    #topwrapper .top, .main, .footer{
        width:95%;
    }

}

@media (max-width: 1000px) {

}

@media (max-width: 960px) {
    #hero .main {

        align-items: left;

        flex-direction: column;
        display:flex;
    }


    #hero .left{
        position:relative;

        left:0;
        float:none;
        flex:0 0 100%;
        width:100%;
        margin:0 0 40px 0;
    }

    h1 br{
        display:none;
    }

    h1 span{
        display:block;
    }

    #hero .image{
        flex:0 0 100%;
        width:100%;
        float:none;
    }

    #about .main.flex{
        flex-direction:column;
    }

    #about .info{
        width:100%;
        margin:0 0 40px 0;
    }

    #about .help{
        margin:40px 0  0 0;
    }

    #about .text {
        width: 100%;
    }

    #about {
        margin: 0px 0 0 0;
    }

}

@media (max-width: 850px) {
    #testimonial .main{
        max-width:95%;
        flex-direction:column;
    }

    #testimonial .main:before{
        display:none;
    }

    #photos {
        margin: 50px 0 0 0;
    }

    #photos .flex .photo{
        margin:5px;
    }

    #testimonial h2 {

        margin: 20px 0;
    }

    #testimonial .pix{
        flex:0 0 100%;
        max-height: 500px;
        overflow: hidden;
        width:100%;
    }

    h2{
        font-size:40px;
    }

    #testimonial .quote {

        top: -90px;
        left: 10px;


        z-index: 9;
    }

    #donate .details h3{
        font-size:30px;
    }

    #donate .headers h2 {
        flex: 0 0 100%;
        margin:0 0 20px 0;
        font-size: 35px;
    }

    #dn-center .ticketbox label{
        width:44%;
    }

    #dn-center #label2, #dn-center #label3, #dn-center #label4, #dn-center #label5, #dn-center #label6, #dn-center #label7 {

        width: 44%;

    }

    #dn-center .options {
        width: 80%;
    }

    #dn-center .ticketbox.general label{
        width:74%;

    }

    .footer{
        flex-direction:column;
        align-items:start;
    }

    .footer ul{
        text-align:left;
        margin:30px 0 0 0;
    }

    #video{

    margin: 0 0 320px 0;
}

}

@media (max-width: 750px) {
    #dn-center .ticketbox label, #dn-center #label2, #dn-center #label3, #dn-center #label4, #dn-center #label5, #dn-center #label6, #dn-center #label7 {
        width: 43%;
    }

    #dn-center .ticketbox #label13{
        width:93%;
    }

    #dn-center #label2 .ticketdet, #dn-center #label3 .ticketdet, #dn-center #label4 .ticketdet, #dn-center #label5 .ticketdet, #dn-center #label6 .ticketdet, #dn-center #label7 .ticketdet {
        height: auto;
    }

    #donate #part2{
        flex-direction:column;
    }

    #donate #part2 .col.two{
        margin:40px 0 0 0;
    }

}

@media (max-width: 650px) {
    h1{
        font-size:40px;
    }

    #about .help{
        margin:20px 0 0 0;
        flex-direction:column;
        align-items:start;
    }

    #about h3{
        margin:20px 0;
    }

    #dn-center .ticketbox label, #dn-center #label2, #dn-center #label3, #dn-center #label4, #dn-center #label5, #dn-center #label6, #dn-center #label7 {
        width: 45%;
        padding:8px;
    }

}

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

    #topwrapper .top{
        padding:20px 0;
    }

    h1 {
        font-size: 30px;
    }

    #hero .text {
        margin: 20px 0;
        width: 100%;
    }

    h2 {
        font-size: 30px;
        margin:0 0 20px 0;
    }

    .padding {
        padding: 30px 0;
    }

    h3{
        font-size:26px;
    }

    .caps{
        font-size:14px;
        letter-spacing:1px;
    }

    #dn-center .dn-field.float.half, #dn-center .dn-field.float.middle{
        width:100%;
        margin:0 0 20px 0;
    }

    #donate .details h3{
    font-size: 22px;
    line-height: 1;
}

    #about .help{
        margin:0;
    }

    #about .map {
        flex: 0 0 100%;
    }

    #video .video {
        flex: 0 0 100%;
        margin: 0 0 0px 0;
    }

    #video {
        margin: 0 0 30px 0;
    }

    #dn-center .ticketbox label, #dn-center #label2, #dn-center #label3, #dn-center #label4, #dn-center #label5, #dn-center #label6, #dn-center #label7 {
        width: 94%;

        float: none;
        height: auto;
    }

    #dn-center #label2 .ticket, #dn-center #label3 .ticket, #dn-center #label4 .ticket, #dn-center #label5 .ticket, #dn-center #label6 .ticket, #dn-center #label7 .ticket {
        width: 100%;
    }

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

    #dn-center .options {
        width: 95%;
    }

    #dn-center .button{
        margin:0;
    }

    #dn-center .options label {
        font-size: 11px;
    }

    #dn-center .ticketbox.general label {
        width: 94%;
    }

    #back-step2{
        padding:20px 0 0 0;
        display:block;
    }

    .footer .contactinfo{
        flex-direction:column;
        align-items:start;
    }

    .footer .contactinfo .address{
        margin:30px 0 0 0;
    }

    .footer li{
        margin:0 15px 0 0;
    }
}