/*To uniformize margins accross browsers*/
body {
    margin: 8px;
    padding: 0;
}

/*French text*/
[lang|=fr] {
    display: none;
}

/*Responsive Web Design (RWD)*/
    * {
        box-sizing: border-box;
    }

    /* For smartphones RWD: */
    [class*="col-"] {
        width: 100%;
    }

    @media only screen and (min-width: 601px) {
        /* For tablets RWD: */
        .col-m-1 {width: 8.33%;}
        .col-m-2 {width: 16.66%;}
        .col-m-3 {width: 25%;}
        .col-m-4 {width: 33.33%;}
        .col-m-5 {width: 41.66%;}
        .col-m-6 {width: 50%;}
        .col-m-7 {width: 58.33%;}
        .col-m-8 {width: 66.66%;}
        .col-m-9 {width: 75%;}
        .col-m-10 {width: 83.33%;}
        .col-m-11 {width: 91.66%;}
        .col-m-12 {width: 100%;}
    }

    @media only screen and (min-width: 993px) {
        /* For desktop RWD: */
        .col-1 {width: 8.33%;}
        .col-2 {width: 16.66%;}
        .col-3 {width: 25%;}
        .col-4 {width: 33.33%;}
        .col-5 {width: 41.66%;}
        .col-6 {width: 50%;}
        .col-7 {width: 58.33%;}
        .col-8 {width: 66.66%;}
        .col-9 {width: 75%;}
        .col-10 {width: 83.33%;}
        .col-11 {width: 91.66%;}
        .col-12 {width: 100%;}
    }

    /*All columns with float left, but rows won't get mingled*/
    [class*="col-"] {
        float: left;
        padding: 0.01em 16px;
    }.row::after {
        content: "";
        clear: both;
        display: block;
    }


/*Images*/
img {   
    border: 0;
    max-width: 100%;
    height: auto;
}


/*Project page-specific css*/



Add basic css file with Responsive Web Design features
Add basic css file with Responsive Web Design features
