/* UNIVERSAL CHANGES TO CURRENT CSS */

header {
    background: url("../img/bkgd-header2.jpg");
    height: inherit;
    overflow: hidden;
    border-bottom: 1px solid #6b1716;
}

.container {
    max-width: 1024px;
    width: 100%;
}

#copyright {
    max-width: 700px;
    width: 90%;
}

#interior-left {
    float: left;
    max-width: 725px;
    width: 100%;
}

#welcome {
    padding: 0 10px;
}

@media only screen and (max-width: 1023px) {
    #logo, #tagline, #search-subscribe, nav {
        float: none;
        width: 100%;
        text-align: center;
    }
    #tagline {
        padding: 0;
    }
    #search-subscribe {
        margin-top: 10px;
    }
    #search {
        display: none;
    }
    #subscribe {
        float: none;
        margin-left: 0;
    }
    nav #main-menu li {
        float: none;
        margin: 10px;
        display: inline-block;
    }
    #home-left {
        max-width: 610px;
        width: 60%;
    }
    .nivoSlider {
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    #home-right {
        width: 39%;
        padding-top: 0;
    }
    .feature img {
        display: none;
    }
    #home-right #ads img {
        width: 43%;
    }
    #feeds .feed {
        width: 49%;
        box-sizing: border-box;
    }
    #feeds .feed:nth-child(even) {
        border-right: 0;
    }
    #feeds .feed:nth-child(odd) {
        clear: left;
    }
    #interior-left, #interior-right {
        float: none;
        max-width: none;
        width: 96%;
        margin: 0 2%;
    }
    #interior-right #feeds .feed {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    #home-left {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    #photo, #main-photo {
        float: none;
        margin: 0 auto;
        max-width: 410px;
        width: 100%;
    }
    #main-photo {
        max-width: 490px;
    }
    #photo img {
        max-width: 400px;
        width: 97%;
    }
    #main-photo img {
        max-width: 490px;
        width: 97%;
    }
    #interior-left #ads {
        float: none;
        max-width: inherit;
        padding: 8px;
    }
    #home-right {
        width: 90%;
        padding: 5%;
    }
    #feeds .feed {
        width: 100%;
        border-right: 0;
    }
    footer ul li {
        display: block;
        padding-bottom: 6px;
    }
}

@media only screen and (max-width: 435px) {
    article img.image-left, article img.image-right {
        height: auto !important;
        width: 97% !important;
        float: none;
        margin: 5px auto 10px;
    }
    #ads img {
        width: 43%;
    }
}