@media screen and (max-width: 800px) {


    .mobile {
        display: block !important;
    }


    .web {
        display: none !important;
    }


    #title-container p {
        display: none !important;
    }

    #image-principale {
        display: none! important;
    }

    #acceuil {

        height: 400px;
        width: 100%;
    }


    #title-container{
        width: 100%;
    }


    #title-container a {
        display: none;
    }

    #title-container {
        width: 100%;
        margin-top: 0px;
        position: relative;
    }

    /* ACTUALITE */

    #actualite-container  {
        display: block;
        width: 100%;
        padding: 36px;
        height:
                70vh;
    }


    .actualite-article{
        position: relative;
        height: 100%;
        display: block;
    }


    .actualite-image-container {
        position: relative;
        width: 100%;
        height: 50%;
        padding: 0px;
    }

    .actualite-image-container img {
        margin-top: 50px;
        height: 35%;
        position: relative;
        top: 0%;
        left: 50%;
        transform: translate(-50%, -0%);
        text-align: center;
    }


    .actualite-text-container{
        position: relative;
        width: 100%;
        height: 50%;
        padding: 10%;
    }

    .actualite-text-container p {
        height: auto;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }



    /* GALERIE */

    #galerie-container{
        padding: 0px;
        padding-bottom: 10px;
    }

    #image-galerie-header {
        display: none !important;
    }

    #galerie-header h3 {
        padding-top: 36px;
        padding-left: 36px;
        font-size: 1.2em;
        display: block;
        text-align: left;
        float: none;
        width: 100%;
        margin-top: 0%;
        margin-bottom: 0%;
        background-color: #F7F7F8;
    }

    .sculpture-container {
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .sculpture-container .sculpture-image-container {
        position: relative;
        height: 300px;
    }

    .sculpture-container .sculpture-image-container img {
        height: auto;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .sculpture-container h4 {
        font-size: 1.3em;
    }



    /* ARTISTE */


    #artiste-container h4 {
        font-size: 1.3em;
        margin-bottom: 0px;
    }

    #artiste-container {
        width: 100%;
        height: auto;
        padding-top: 0px;
        overflow: hidden;
    }

    #logo-fond {
        display: none
    }

    .artiste-portrait-container {

        position: relative;
        z-index: 1;

        display: block;
    }


    .artiste-text-container {

        position: relative;
        z-index: 1;
        display: block;
    }

    .artiste-sub-sontainer {

        display: block;
        height: auto;
        width: 100%;
        overflow: unset;
        margin-bottom: 0px;
        padding: 36px;
        padding-bottom: 50px;
    }

    .artiste-sub-sontainer .artiste-portrait-container {
        flex: none;
        height: 200px;
        padding: 0px;
        margin-bottom: 40px;
    }

    .artiste-sub-sontainer .artiste-portrait-container img {
        position: absolute;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
    }

    .artiste-sub-sontainer .artiste-text-container {
        flex: none;
        width: 100%;
        position: relative !important;

    }


    .artiste-sub-sontainer .artiste-text-container p {
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(-0%, -0%);
        width: 100%;
    }



    .two-block {
        display: block;
        height: auto;
        width: 100%;
        overflow: hidden;
        height: auto;
    }

    .two-block .sub-container {
        position: relative;
        width: 100%;
        height: auto;

    }

    #logo-animalart-bruxelle, #logo-animalart-paris {
        position: relative;
        top: 0%;
        left:  50%;
        transform: translate(-50% ,0%);
        height: auto;
        width: 80%;
        margin-bottom: 20px;
    }



}