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

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

}

@media screen and (max-width: 750px) {
    .card-left {
        width: 100%;
    }
    .card-right {
        width: 100%;
    }
    .card-left img {
        display: block;
        margin: 0 auto 30px;
        width: 250px;
    }
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }
    .red-donate-btn {
        max-width: 300px;
    }
    .homepage-wrap p.involved-p {
        text-align: center;
    }
    #district-changer {
        display: block;
        margin: 30px auto;
    }
    a.general-donation,
    .districtJump {
        display: block;
        margin: 30px auto;
        max-width: 100%;
        width: 315px;
    }
}

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

@media screen and (max-width: 600px) {
    #language {
        padding-right: 0;
    }
    #language a {
        font-size: 16px;
    }
    #logo {
        margin-right: 2%;
        width: 130px;
    }
}

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

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