body {
    font-size: 14px;
    color: #585858;
    background: #ffffff;
    font-family: Verdana;
    min-width: 960px;
}

input, textarea, keygen, select, button {
    font-family: Verdana;
}

.header_section, .maincontent, #branding, .footercontent {
    min-width: 960px;   
}
.footercontent {
    color: #6D6E71;
    width: 80%;
}
.footerContainer {
    background-color: #EFEFEF;
    color: #6D6E71;   
}

.footerlink {
    float: right;
    font-weight: bold;
}
.base_container {
    margin-left: -20%;
    padding-left: 20%;
    background-color: #EFEFEF;
    margin-right: -12.5%;
    padding-right: 12.5%;
    padding-bottom: 1em;
}
.base_container-video {
    margin-left: -20%;
    padding-left: 20%;
    background-color: #EFEFEF;
    margin-right: -12.5%;
    padding-right: 12.5%;
    padding-bottom: 25em;
    padding-top: 3em;
}
@media only screen and (min-width : 1px) and (max-width : 1024px) {
    body {
        font-size: 11px;
        !important;
    }

    .header_section, .maincontent, #branding, .footercontent {
        width: 960px;
    }
}

@media only screen and (min-width : 1025px) and (max-width : 1100px) {
    body {
        font-size: 12px;
    }

    .header_section, .maincontent, #branding, .footercontent {
        width: 90%;
    }
}

@media only screen and (min-width : 1101px) and (max-width : 1200px) {
    body {
        font-size: 12px;
    }

    .header_section, .maincontent, #branding, .footercontent {
        width: 85%;
    }
}
/******************************************************* fr */
body.languagefr-CA .header_section {
    width: 83%;
}

@media only screen and (min-width : 1461px) and (max-width : 1582px) {
    body.languagefr-CA .header_section {
        width: 90%;
    }
}

@media only screen and (min-width : 1px) and (max-width : 1460px) {
    body.languagefr-CA .header_section {
        width: 97%;
    }
}

@media only screen and (min-width : 1px) and (max-width : 1024px) {
    body .languagefr-CA {
        font-size: 11px;
        !important;
    }

    .languagefr-CA .header_section,
    .languagefr-CA .maincontent,
    .languagefr-CA #branding,
    .languagefr-CA .footercontent {
        width: 960px;
    }
}

@media only screen and (min-width : 1025px) and (max-width : 1100px) {
    body {
        font-size: 12px;
    }

    .header_section, .maincontent, #branding, .footercontent {
        width: 90%;
    }
}

@media only screen and (min-width : 1101px) and (max-width : 1200px) {
    body {
        font-size: 12px;
    }

    .header_section, .maincontent, #branding, .footercontent {
        width: 85%;
    }
}


/**********************************************************/

@media only screen and (min-width : 1201px) and (max-width : 1280px) {
    body {
        font-size: 12px;
    }
}

@media only screen and (min-width : 1281px) and (max-width : 1366px) {
    body {
        font-size: 13px;
    }
}

@media only screen and (min-width : 1367px) and (max-width : 1919px) {
    body {
        font-size: 14px;
    }
}

@media only screen and (min-width : 1920px) {
    body {
        font-size: 15px;
    }
}
/***********************************************************/
.background_section {
    margin-left: -20%;
    padding-left: 20%;
    background-color: #EFEFEF;
    margin-right: -12.5%;
    padding-right: 12.5%;
    padding-bottom: 1em;
}
/***********************************************************/
.background_section {
    margin-left: -20%;
    padding-left: 20%;
    background-color: #EFEFEF;
    margin-right: -12.5%;
    padding-right: 12.5%;
    padding-bottom: 1em;
}