/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.containerbis {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-md-auto, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-12, .col-md,.col-sm-12
{
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-sm-video
{
    width: 100%;
    min-height: 1px;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
    .col-sm-12,.col-sm-video {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 770px) {
    .container{
        max-width: 720px;
    }
    .containerbis{
        max-width: 980px;
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: 1rem;
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-1 {;
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
}

@media (min-width: 992px) {
    .container{
        max-width: 960px;
    }
}

@media (min-width: 998px) {
    .containerbis{
        margin-top: 1.5%;
    }
}

@media (min-width: 1200px) {
    .container, .containerbis {
        max-width: 1140px;
    }
}