/* Footer */
#footerRow.row{
    margin-top: 60px;
    display: block;
    background-color: #F6F6F6;
    width: 100%;
    clear: both;
    max-width: 100%; /*key override*/
    padding: 0px; /*key override*/
}

footer{
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    min-height: 300px;
    clear: both;
}

#footerRow.row footer .row{
    max-width: 1920px;
    width: 100%;
    clear: both;
    padding-top: 55px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

footer .row > div.footer-logos,
footer .row > div.footer-site-info{
    float: left;
    width: 100%;
}

footer .row > div.footer-logos{
    max-width: 65%;
}

footer .row > div.footer-site-info{
    max-width: 35%;
    float: right;
}



footer .row > div.footer-logos img{
    float: left;
    width: 100%;
}

/*Martin Luther Logo*/
footer .row > div.footer-logos img:first-child{
    width: 100%;
    max-width: 300px;
    /*max-width: 450px;*/
    max-height: 95px;
    float: left;
    margin-right: 30px;
}

footer .row > div.footer-logos img:nth-child(2){
    width: 100%;
    max-width: 240px;
    min-width: 175px;
    max-height: 85px;
    margin-right: 0px;
    margin-top: 25px;
}


.footer-site-info > div{
    width: 100%;
    clear: both;
    text-align: right;
    padding: 20px 0;
}

.footer-site-info > div ul.footer-links,
.footer-site-info > div ul.social-links{
    width: 100%;
    text-align: left;
    padding-left: 0px;
    margin: 0;
}

.footer-site-info > div ul.footer-links li,
.footer-site-info > div ul.social-links li{
    float: right;  
}


.footer-site-info > div ul.footer-links a{
    color: #330072;
    font-size: 18px;
    line-height: 24px;
    margin: 0px;
    margin-left: 20px;
    
}

.footer-site-info > div ul.footer-links a:hover{
    text-decoration: underline;    
}

.footer-site-info > div ul.social-links a{
    color: #330072;
    font-size: 24px;
    line-height: 30px;
    margin: 0px;
    margin-left: 4px;
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
}

.footer-site-info > div ul.social-links a:hover{
    color: #fff;
    background-color: #330072;
    
}

.footer-site-info > div ul.footer-links li:last-child a,
.footer-site-info > div ul.social-links li:last-child a{
    margin-right: 0;
}

.footer-site-info p.copyright{
    text-align: right;
    font-size: 12px;
    line-height: 24px;
    color: #444444;
}

.footer-site-info > div:nth-child(3) img{
    display: none;
}


/*should be 768*/
@media (max-width: 1100px) {
    
    footer .row > div.footer-logos{
        max-width: 65%;
    }
    
    footer .row > div.footer-site-info{
        max-width: 35%;
        float: right;
    }
    
    #footerRow.row footer .row{
        position: relative;
        overflow: hidden;
    }
    
    .footer-site-info p.copyright{
      margin: 0px;
    }
    
    /*copyright*/
    .footer-site-info > div:nth-child(3){
        right: 20px;
        bottom: 0px;
        position: absolute;
    }

}

@media (max-width: 720px) {
    
    footer .row > div.footer-logos img:first-child{
        max-width: 270px;
        max-height: 85px;
    }
    
    
    footer .row > div.footer-logos,
    footer .row > div.footer-site-info{
        clear: both;
        width: 100%;
        max-width: 100%;
    }
    
    .footer-site-info > div ul.footer-links li,
    .footer-site-info > div ul.social-links li{
        float: left;
        text-align: left;
    }
    
    .footer-site-info > div ul.footer-links li{
        clear: both;
        padding-top: 20px ;
    }
    
    .footer-site-info > div ul.footer-links a{
        margin-left: 0px;
    }
    
    .footer-site-info > div ul.social-links{
        margin-top: 55px;
    }
    
    
    .footer-site-info p.copyright{
        text-align: left;
        clear: both;
    }
    
    footer .row > div.footer-logos img{
        margin-bottom:0 !important;
    }
    
     footer .row > div.footer-logos img:nth-child(2){
        display: none;
    }
    
    .footer-site-info > div:nth-child(3){
        position: relative;
        right: auto;
        
    }
    
    .footer-site-info > div:nth-child(3) img{
        display: inline-block;
        width: 100%;
        max-width: 250px;
        min-width: 175px;
        float: left;
        margin: 51px 0px;
        clear: both;
    }
    
}
