@media ( max-width: 1100px ) {
    
    #page {
        background-position: -950px 0;
    }
    #blog {
        background: none;
    }
    #blog #posts {
        width: 60%;
    }
    #blog #widgets {
        padding: 2%;
        width: 34%;
    }

}

@media ( max-width: 1000px ) {
    body { 
        font-size: 13px;
    }
    #home-cnt-right > a {
        font-size: 16px;
    }    
}

@media ( max-width: 800px ) { 
    .ctr {
        padding: 0 10px;
        margin: 0;
    }
   
    .col,
    .col.last {
        float: none !important;
        clear: both !important;
        width: auto !important;
        margin: 0 0 10px !important;
    }

    #hdr {
        height: auto;
    }
    #hdr #logo {
        position: static;
        display: block;
        margin: 20px auto;
    }
    #hdr #nav {
        float: none;
        padding: 0 30px 0 0;
        border-top: 2px solid #185599;
    }
    #hdr #nav li a {
        padding: 20px 10px;
    }

    #hdr .ctr .tagline{
        position: static;
        font-size: 1.5em;
        color: #CDDE5A;
        text-shadow: none;
        margin: 0 auto 3% auto;
        text-align: center;
    }    

    #bnr #bnr-cnt,
    #bnr #bnr-posts,
    #home-cnt-left,
    #home-cnt-right {
        float: none;
        clear: both;
        width: auto;
        margin: 0 0 10px;
        padding: 0;
    }   
    #bnr #bnr-imgs {
        display: none;
    }
    #bnr #bnr-cnt {
        overflow: hidden;
        padding: 20px;
    }
    #bnr #bnr-cnt > a {
        float: right;
        clear: both;
    }
    #bnr #bnr-posts {
        padding-bottom: 40px;
    }
    #bnr #bnr-posts .bnr-single-post {
        margin-bottom: 10px;
    }
    #bnr #bnr-posts .bnr-single-post.has-thumb {
        overflow: hidden;
    }
    #bnr #bnr-posts .bnr-single-post.has-thumb > img {
        position: static;
        float: left;
        margin: 0 20px 0 0;
    }

    #home-cnt-left iframe {
        width: 100%;
    }

    #blog #posts,
    #blog #widgets {
       float: none;
        width: auto;
        margin: 0 0 10px;
        padding: 0;
    }
    #blog #widgets {
        padding: 20px;
    }

    #page {        
        background: none;
    }
    #left-nav-toggle {
        display: block;
    }

    #left-nav {
        display: none;
        float: none;
        width: auto;
        background: #303030;
        margin: 0 -10px;
        padding: 20px;
    }
    #left-nav:after {
        display: none;
    }
    #page-cnt {
        padding: 20px 10px;
    }

    #programs {
        margin: 0;
    }
    #programs td {
        display: block;
        width: auto;
        padding: 20px;
        margin: 0;
        border: 1px solid #fff;
    }

}

@media ( max-width: 640px ) {    

    .col {
        float: none;
        width: auto;
        height: auto;
        min-height: auto;
        margin: 0 0 20px;
    }
    .col, .col.last {
        margin: 0 0 20px !important;
    }
    
    .alignleft,
    .alignright,
    #blog .post img.attachment-thumbnail {
        float: none;    
        display: block;
        margin: 0 0 20px;
        width: auto;
        height: auto;
    }

    .donate.lt-half{float: none; width: auto; max-width: 100%; margin: 0 auto;}
    .donate.rt-half{float: none; width: auto; margin: 5% auto; }
    
}