.header_section, .maincontent, .menu_section, #branding, .moduletitle_section {
    width: 80%;
    padding: 0;
    margin: 0 auto;
}
.footer {
    
    margin-left: auto;
    margin-right: auto;
}
.footercontent {
    border-top: 1px solid #CCCCCC;
    padding-top: 1.5em;    
    height: 10em;
    margin-left: auto;
    margin-right: auto;
}

    .footercontent .general_footer_space {
        height: 6em;
    }

@media only screen and (min-width : 1px) and (max-width : 1024px) {
    .header_section, .maincontent, .menu_section, #branding, .moduletitle_section, .footercontent {
        width: 960px;
    }
}

@media only screen and (min-width : 1025px) and (max-width : 1100px) {
    .header_section, .maincontent, .menu_section, #branding, .moduletitle_section, .footercontent {
        width: 90%;
    }
}

@media only screen and (min-width : 1101px) and (max-width : 1200px) {
    .header_section, .maincontent, .menu_section, #branding, .moduletitle_section, .footercontent {
        width: 85%;
    }
}

@media only screen and (min-width : 1281px) and (max-width : 1366px) {
    .header_section, .maincontent, .menu_section, #branding, .moduletitle_section, .footercontent {
        width: 80%;
    }
}

@media only screen and (min-width : 1367px) and (max-width : 1919px) {
    .header_section, .maincontent, .menu_section, #branding, .moduletitle_section, .footercontent {
        width: 80%;
    }
}

@media only screen and (min-width : 1920px) {
    .header_section, .maincontent, .menu_section, #branding, .moduletitle_section, .footercontent {
        width: 80%;
    }
}