@media screen and (max-width: 1320px) {
    .logo img {
        left:3%;
    }

    .inner_header_wrap, .feature_wrap, .outer_wrap, .outer_quote_wrap, #quotemark, .outer_footer_wrap {
        padding: 0 3%;
        width: 94%;
    }

    #title h2 {
        padding: 200px 0 5% 0;
        width: 97%;
        display: block;
    }

    .alignright,.alignleft {
        max-width: 50%!important;
        height: auto
    }

    #footerquote {
        max-width: 1240px;
        padding: 15px 0 30px;
    }
}

@media screen and (max-width: 860px) {
    body, html {
        font-size:15px
    }

    .feature_wrap {
        min-height: 320px
    }

    .grid-sizer, .grid-item {
        width: 47%
    }
    #navigation .logo > img {width:200px;max-width:50%;height: auto !important;/* position:relative !important */}
    #navigation {background: none; }
}

@media only screen and (max-width: 750px) {
    body, html {
        font-size:13px
    }

    #masonrycontainer .item {
        min-height: auto;
    }

    ul.catz li:nth-child(1) {
        display: none;
    }

    .catz a {
        margin: 2px 2px 5px;
        padding: 10px 5px !important;
        display: inline-block;
        border: 1px solid #eee;
    }

    .catz li:after {
        content: "" !important
    }

    #masonrycontainer .item {
        width: 45%
    }

    #masonrycontainer .gutter-sizer {
        width: 5%
    }

    .outer_footer_wrap {
        padding-bottom: 10%
    }

    video,audio,iframe {
        max-width: 100%;
        width: 100%
    }

    .attachment-post-thumbnail {
        float: none;
        margin-top: 30px
    }

    .flex_25,.flex_75 {
        width: 100%;
        padding: 0
    }

    #masonrycontainer .item {
        width: 98%
    }

    #masonrycontainer .gutter-sizer {
        width: 0%
    }

    .bgshadow {
        display: none;
    }
    .mobileonly {display: block !important; background:#fff; padding:10px 0 0 0; margin:0}
    .mobileonly img {padding:0; margin:0; float:left;}
    
    .feature_deets h3 {font-size:2.5em; padding-top:10px; line-height:1.4}
    .feature_deets {
        background: rgba(0,0,0,0.7);
        padding: 0 2% 1px;
        width: 97%;
        position:relative; 
        top:0; margin:0 !important;
    }

    .feature,
    .feature_wrap {
        background: none !important;
        padding:0 !important;
        min-height:0 !important;
        width:100%;
    }
    #homefeatures {background:#000; padding-top:0}
    #title h2 br {
        display: none
    }

    #title h2 {
        font-size: 3rem;
        padding-bottom: 40px;
    }

    .feature {
        background-position: 0 0 !important
    }
}

@media only screen and (max-width: 500px) {
    .alignright,.alignleft {
        max-width: 100%!important;
        height: auto
    }

    .grid-sizer, .grid-item {
        width: 98%
    }
}