/* =========================   MEDIA QUERIES TABLETTES (576px et moins)   ============================ */
@media (max-width: 576px) {
    * {
        margin-left: auto;
        margin-right: auto;
        font-family: 'Libre Baskerville', serif;
    }


    body {
        padding-top: 70px;
    }

    /* ===== NAVBAR =====   */
    .navbar-brand {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .navbar-brand img {
        display: block;
        margin-right: 43%;
    }

    .nav-item {
        margin-top: 5px;
    }

    .nav-item:first-child {
        padding-top: 15px;
    }

    img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    h1 {
        font-size: 1.8rem;
        text-align: center;
    }

    h2 {
        font-size: 1.4rem;
        padding: .5rem;
        text-align: center;
    }

    h3 {
        font-size: 1.2rem;
        text-align: center;
    }

    .lead {
        font-size: 1rem;
        margin-left: 20px;
        margin-right: 20px;
    }

    .progress-container {
        margin-top: 0px;
    }

    .fs-24 {
        font-size: 1.3rem;
    }

    section {
        padding: 40px 0;
        height: auto;
    }

    .container p {
        margin-left: 20px;
        margin-right: 20px;
    }

    /* ===== INNOVATION ===== */
    #innovation .lead {
        margin-left: -40px;
        margin-right: 20px;
        text-align: justify;
    }

    #innovation img {
        height: 100%;
    }

    /* ===== EVENEMENTS ===== */

    #innovationCarousel {
        margin-right: 5%;
        margin-left: 5%;
    }

    /* ===== ATELIER ===== */

    #atelierCarousel.carousel#atelierCarousel .carousel-item .atelier-carousel-caption {
        width: auto;
        margin-left: 15%;
        margin-right: 15%;
        word-break: break-word;
    }


    #atelier .carousel-portrait-img {
        height: 100%;
    }

    .atelier-carousel-img {
        height: 100%;
    }

    /* ===== ACADEMY ===== */
    #academy-2 .col-md-12.d-flex.flex-column.text-justify {
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    #academy-2 ol,
    #academy-2 ul {
        padding-left: 18px;
        margin-left: 0;
        margin-right: 0;
    }

    #academy-2 li {
        margin-bottom: 10px;
    }

    #academy-2 br {
        display: none;
    }

    #academy-2 strong {
        display: inline-block;
        margin-bottom: 2px;
    }

    #academy-2 p,
    #academy-2 li {
        word-break: break-word;
        list-style-type: none;
        margin-left: 0px;
        margin-right: 50px;
    }

    /* ===== CONTACT ===== */
    #contact .img-fluid {
        max-height: 100%;
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

}