@media (max-width: 1050px) {
    .footerContainer {
        background: #313335;
        width: 100%;
        height: 450px;
        color: white;
        overflow: hidden;
    }
    
    .footerContent {
        width: 95%;
        height: 400px;
        margin: 0 auto;
        background: transparent;
        overflow: hidden;
    }
    
    .footerContent h3 {
        margin-top: 240px;
        margin-bottom: 2px;
        font-weight: 300;
        text-transform: uppercase;
    }
    
    .footerContainer a, .footerContainer a:link, .footerContainer a:visited{
        text-decoration: none;
        color: white;
        display: block;
        margin-top: 5px;
        font-weight: 100;
    }
    .nationalLinks {
        float: left;
        width: 50%;
        height: 100%;
        text-align: center;
    }
    .nationalLogo {
        float: left;
        width: 90px;
        height: 100px;
        text-align: left;
        margin-top: 25px;
        position: absolute;
        left: 20%;
    }
    .nationalLogo img {
        height: 100%;
    }
    .equalHousingLogo {
        float: left;
        width: 140px;
        height: 100px;
        text-align: right;
        margin-top: 45px;
        right: 20%;
        position: absolute;
    }
    .equalHousingLogo img {
        height: 75%;
    }
    .mlsLogo {
        float: left;
        width: 100px;
        height: 100px;
        text-align: center;
        margin-top: 35px;
        position: absolute;
        right: calc(50% - 50px);
    }
    .mlsLogo img {
        height: 75%;
    }
    .localLinks {
        float: right;
        width: 50%;
        height: 100%;
        text-align: center;
    }
    .copyright {
        text-align: center;
        font-weight: 100;
    }
}
@media (min-width: 1051px) {
    .footerContainer {
        background: #313335;
        width: 100%;
        height: 250px;
        color: white;
        overflow: hidden;
    }
    
    .footerContent {
        width: 90%;
        height: 200px;
        margin: 0 auto;
        background: transparent;
        overflow: hidden;
    }
    
    .footerContent h3 {
        margin-top: 40px;
        margin-bottom: 2px;
        font-weight: 300;
        text-transform: uppercase;
    }
    
    .footerContainer a, .footerContainer a:link, .footerContainer a:visited{
        text-decoration: none;
        color: white;
        display: block;
        margin-top: 5px;
        font-weight: 100;
    }
    .nationalLinks {
        float: right;
        width: 280px;
        height: 100%;
        text-align: left;
    }
    .nationalLogo {
        float: left;
        width: 90px;
        height: 80%;
        text-align: center;
        margin-top: 50px;
    }
    .nationalLogo img {
        height: 75%;
    }
    .equalHousingLogo {
        float: left;
        width: 150px;
        height: 80%;
        text-align: center;
        margin-top: 72px;
    }
    .equalHousingLogo img {
        height: 45%;
    }
    .mlsLogo {
        float: left;
        width: 150px;
        height: 80%;
        text-align: center;
        margin-top: 62px;
    }
    .mlsLogo img {
        height: 60%;
    }
    .localLinks {
        float: right;
        width: 15%;
        height: 100%;
        text-align: left;
    }
    .copyright {
        text-align: center;
        font-weight: 100;
    }
}
@media (min-width: 1300px) {
    .footerContainer {
        background: #313335;
        width: 100%;
        height: 250px;
        color: white;
        overflow: hidden;
    }
    
    .footerContent {
        width: 90%;
        height: 200px;
        margin: 0 auto;
        background: transparent;
        overflow: hidden;
    }
    
    .footerContent h3 {
        margin-top: 40px;
        margin-bottom: 2px;
        font-weight: 300;
        text-transform: uppercase;
    }
    
    .footerContainer a, .footerContainer a:link, .footerContainer a:visited{
        text-decoration: none;
        color: white;
        display: block;
        margin-top: 5px;
        font-weight: 100;
    }
    .nationalLinks {
        float: right;
        width: 300px;
        height: 100%;
        text-align: left;
    }
    .nationalLogo {
        float: left;
        width: 120px;
        height: 80%;
        text-align: center;
        margin-top: 25px;
    }
    .nationalLogo img {
        height: 90%;
    }
    .equalHousingLogo {
        float: left;
        width: 180px;
        height: 80%;
        text-align: center;
        margin-top: 45px;
    }
    .equalHousingLogo img {
        height: 60%;
    }
    .mlsLogo {
        float: left;
        width: 180px;
        height: 80%;
        text-align: center;
        margin-top: 35px;
    }
    .mlsLogo img {
        height: 75%;
    }
    .localLinks {
        float: right;
        width: 15%;
        height: 100%;
        text-align: left;
    }
    .copyright {
        text-align: center;
        font-weight: 100;
    }
}
@media (min-width: 1500px) {
    .footerContainer {
        background: #313335;
        width: 100%;
        height: 250px;
        color: white;
        overflow: hidden;
    }
    
    .footerContent {
        width: 80%;
        height: 200px;
        margin: 0 auto;
        background: transparent;
        overflow: hidden;
    }
    
    .footerContent h3 {
        margin-top: 40px;
        margin-bottom: 2px;
        font-weight: 300;
        text-transform: uppercase;
    }
    
    .footerContainer a, .footerContainer a:link, .footerContainer a:visited{
        text-decoration: none;
        color: white;
        display: block;
        margin-top: 5px;
        font-weight: 100;
    }
    .nationalLinks {
        float: right;
        width: 300px;
        height: 100%;
        text-align: left;
    }
    .nationalLogo {
        float: left;
        width: 120px;
        height: 80%;
        text-align: center;
        margin-top: 25px;
    }
    .nationalLogo img {
        height: 90%;
    }
    .equalHousingLogo {
        float: left;
        width: 180px;
        height: 80%;
        text-align: center;
        margin-top: 45px;
    }
    .equalHousingLogo img {
        height: 60%;
    }
    .mlsLogo {
        float: left;
        width: 180px;
        height: 80%;
        text-align: center;
        margin-top: 35px;
    }
    .mlsLogo img {
        height: 75%;
    }
    .localLinks {
        float: right;
        width: 15%;
        height: 100%;
        text-align: left;
    }
    
    .copyright {
        text-align: center;
        font-weight: 100;
    }
}