@media screen and (max-width:1650px) {

    /* - - - FOOTER: */
    
    #mainFooterCont {
        max-width: 1350px;
    }

    #mainFooterCont {
        width: 80%;
    }

}

@media screen and (max-width:1300px) {

    /* Text Container: */
    
    .TextCont {
        width: 70%;
    }

    /* - - - FOOTER: */

    .footerLinks {
        width: 15%;
    }

    #footerLeft {
        width: 25%;
    }

    #footerRight {
        width: 75%;
    }

}

@media screen and (max-width:1200px) {

    .navCont {
        margin-top: 40px;
    }   

    /* - - - FOOTER: */
    
    #footerLeft, .footerLinks {
        padding-top: 3px;
    }

}

@media screen and (max-width:1000px) {

    /* Text Container: */
    
    .TextCont {
        width: 70%;
    }

    /* - - - FOOTER: */

    #mainFooterCont {
        width: 90%;
    }

    .footerCont {
        width: 100% !important;
    }

    #footerRight, #footerLink01 {
        text-align: left;
    }

    .footerLinks {
        width: 32.5%;
        max-width: 400px;
        margin-bottom: 8px;
        height: 25px;
        padding-top: 0px;
    }

    #footerLink01, .footerLinks, #footerLeft {
        text-align: center;
    }

    .footerLinksBorder {
        border: none;
    }

    #footerRight {
        text-align: center;
        margin-bottom: 0px;
    }
    
    #footerLeft {
        display: none;
    }

    #bottomFooterCont {
        display: inline-block;
    }

}

@media screen and (max-width:800px) {

    article {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    /* Text Container: */
    
    .TextCont {
        margin: 70px auto 60px;
    }

    /* - - - Main Container: */

    #mainCont {
        width: 100%;
        border-radius: 0;
        background-size: 100%;
    }

    /* - - - Mobile NavBar: */

    #NavBarMobile, #NavBarMenuCont {
        display: inline-block;
    }

    nav {
        display: none;
    }

    /* - - - FOOTER: */

    footer {
        background-color: #1e1e1e;
    }

    .footerLinks {
        width: 31%;
    }

    .footerCont, .footerLinks a, #bottomFooterCont {
        font-size: 12px;
    }

}

@media screen and (max-width:650px) {

    /* Text Container: */
    
    .TextCont {
    }

}

@media screen and (max-width:400px) { 

    /* - - - FOOTER: */

    .footerLinks {
        width: 48%;
    }

}

@media screen and (max-width:350px) { 

    /* - - - FOOTER: */

    .footerLinks {
        width: 48.5%;
    }

}