@media screen and (max-width: 1024px) {
    * {
        padding: 0px;
        margin: 0px;
    }
    
    .realisations{
        display: inline;
        margin: 10px;
    }
    .mep{
        display:inline;
        
    }
    .realisation{
        display: inline;
        text-align: center;
        margin: 10px;
    }

    .descript{
        display: flex;
        justify-content: center;
    }    
    .realisation p {
        margin: 10px;
        padding: 5px;
        text-align: justify;
    }
    .realisation img {
        width: 80% ;
    }
    
    .outils{
        display: inline;
        justify-content: center;
    }
    
    #bouton{
        margin: 10px;
        text-align: center;
    }
    
    .outils #design{
        display: inline;
    }
    
    .outils #img{
        display: inline;
        border : solid white 2px;
    }
    
    
    .icone{
        width: 30px;
    }
    
    .outils ul{
        list-style-type: none;
    }
    
    .myoutils{
        display: inline;
    }
    
    header{
        background-color: black;
        /*width: 100%;*/
        position:fixed;
    }
    
    #ovh{
        
        display: inline;
        justify-content: center;
    }
    .centrer{
        text-align: center;
    }
    
    #ovh img{
        width:250px;
        
    }
    
    .page h2, #ban{
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .page h3{
        margin: 1%;
        width: 100%;
        border-bottom: solid #666 0.5px;
        color : #666;
    }
    .text{
        margin : 2ex;
        width: 100%;
    }
    .page p{
        color : black;
        font-size: 16px;
    }
    .me{
        display: inline;
        margin: 2ex;
    }
    
    .me p{
        color: black;
    }
    .column {
        text-align: center;
        width : 100%;
        padding: 1px;
    }
    
    
    img,svg{
        width: 100px;
    }
    #title{
        display: flex ;
        justify-content: center;
    }
    .nav-link {
        color: black;
    }
    .fa-bars:before {
        content: "≡";
        color: WHITE;
        font-size: 50px;
    }
    iframe{
        width: 100%;
    }
}