html{
    font-size:85.5%;
}
.container{
    width: 1170px;
    /*width: 61.6%;*/
}
.col-xs-12{
    width: 75%;
}
.col-xs-6{
    width: 25%;
}

.navbar-collapse{
    display: block;
}
.navbar-default{
    width: 74% !important;
}
.jumbotron{
    width: 100%;
}
.jumbotron H1{
    font-size: 22px !important;
}
.navbar-collapse {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
#sidebar .list-group INPUT{
    height:33px;
    padding-top:6px;
}
#block-views-bandeau-block{
    background-image:  url(/sites/all/themes/cnom_responsive/images/bg-left.png);
    background-repeat: no-repeat;
    background-color: #fff;
}
#timeline .field-content picture{
    text-align: left;
}
/*styles for 50 and up @ 16px!*/
/* The max-width declaration below blocks this from ever working */
@media only screen and (min-width: 5em) and (max-width: 30em) {
    .wrapper {
        border-top: 6px solid gray;
    }
    .logo{
        position: relative;
    }
    .container header H1{
        margin:0;
    }
    DIV.dual.timeline DIV.column_left{
        width: 40% !important
    }
}/*/mediaquery*/

/*styles for 480px - 620px @ 16px!*/
@media only screen and (min-width: 30em) and (max-width: 38.75em) {
    .body {
        border-top: 6px solid green;
    }
    .logo{
        position: relative;
    }
    DIV.dual.timeline DIV.column_left{
        width: 40% !important
    }
}/*/mediaquery*/

@media screen and (min-width: 38.75em),only print,projector{
    .body {
        border-top: 6px solid red;
    }
}/*/mediaquery*/

/*styles for 800px and up @ 16px!*/
@media screen and (min-width: 50em){
    .body {
        border-top: 6px solid blue;
    }
}/*/mediaquery*/

/*styles for 1100px and up @ 16px!*/
@media screen and (min-width: 68.75em){
    .body {
        border-top: 6px solid orange;
    }
    .navbar-collapse {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}/*/mediaquery*/