/* Grille */
.row{
    display:flex;
    margin: 0 -1vw;
    align-items: start;
    flex-wrap:wrap;
}
.row.row-no-mb {
    margin-bottom:0!important;
}
div[class*="col-"].col-no-mb {
    margin-bottom:0!important;
}

.row-content-center{
    justify-content:center;
}
.row-content-left{
    justify-content:left;
}
.row-content-right{
    justify-content:right;
}
.row-content-between{
    justify-content:space-between;
}
.row-content-around{
    justify-content:space-around;
}

.row-content-hcenter{
    align-items:center;
}

.row > div[class*="col-"] {
    margin: 0 1vw;
    margin-bottom:2vw;
    padding:0!important;
    max-width: calc(100% - 2vw);
}

@media (max-width: 768px) {
    .row > div[class*="col-"] {
        margin-bottom:1vw;
    }
}
div[class^="col-"].col-no-mb {
    margin-bottom:0;
}
.col-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12{
    width:100%;
}
.col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11{
    width:calc( 100% * 11/12 - 2vw);
}
.col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10{
    width:calc( 100% * 10/12 - 2vw);
}
.col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9{
    width:calc( 100% * 9/12 - 2vw);
}
.col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8{
    width:calc( 100% * 8/12 - 2vw);
}
.col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7{
    width:calc( 100% * 7/12 - 2vw);
}
.col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6{
    width:calc( 100% * 6/12 - 2vw);
}
.col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5{
    width:calc( 100% * 5/12 - 2vw);
}
.col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4{
    width:calc( 100% * 4/12 - 2vw);
}
.col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3{
    width:calc( 100% * 3/12 - 2vw);
}
.col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2{
    width:calc( 100% * 2/12 - 2vw);
}
.col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1{
    width:calc( 100% * 1/12 - 2vw);
}

.container-fluid{
    max-width:100%;
}
.container, .container-xl{
    max-width:1140px;
}
.container, .container-fluid{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
@media only screen and (max-width: 1200px) {
    .container{
        max-width:960px;
    }
    .container-xl{
        max-width:100%;
    }
    .order-xl-first{
        order:-1;
    }
    .col-xl-12, .col-xl-11, .col-xl-10,
    .col-xl-9, .col-xl-8, .col-xl-7,
    .col-xl-6, .col-xl-5, .col-xl-4,
    .col-xl-3, .col-xl-2, .col-xl-1 {
        width:100%;
    }
}
@media only screen and (max-width: 992px) {
    .container{
        max-width:720px;
    }
    .container-lg{
        max-width:100%;
    }
    .order-lg-first{
        order:-1;
    }
    .col-lg-12, .col-lg-11, .col-lg-10,
    .col-lg-9, .col-lg-8, .col-lg-7,
    .col-lg-6, .col-lg-5, .col-lg-4,
    .col-lg-3, .col-lg-2, .col-lg-1 {
        width:100% !important;
    }
}
@media only screen and (max-width: 768px) {
    .container{
        max-width:540px;
    }
    .container-md{
        max-width:100%;
    }
    .order-md-first{
        order:-1;
    }
    .col-md-12, .col-md-11, .col-md-10,
    .col-md-9, .col-md-8, .col-md-7,
    .col-md-6, .col-md-5, .col-md-4,
    .col-md-3, .col-md-2, .col-md-1 {
        width:100% !important;
    }
}
@media only screen and (max-width: 576px) {
    .container{
        max-width:100%;
    }
    .container-sm{
        max-width:100%;
    }
    .order-sm-first{
        order:-1;
    }
    .col-sm-12, .col-sm-11, .col-sm-10,
    .col-sm-9, .col-sm-8, .col-sm-7,
    .col-sm-6, .col-sm-5, .col-sm-4,
    .col-sm-3, .col-sm-2, .col-sm-1 {
        width:100% !important;
    }
}