@media all and (max-width: 900px) {
    #left{
        display:none;
    }
    #center{
        width:100%;
    }
    .line{
        width:97%;
    }
    
}
@media all and (max-width: 1000px) {
    main{
        display:none;
    }
    header{
        display:none;
    }
    #none{
        display: block;
        padding: 20px;
    }
    
}


@media all and (max-width: 1165px) {
#logo_slr {
    height: 40px;
}

#mac{
    display:none;
}

}

@media all and (max-width: 1100px) {
    #logo_slr {
        height: 40px;
    }
    #center{
        margin-top: 30px;
    }
    
    
    h2{
        margin-top:0;
    }

   .left_project{
       display:none;
    }
    .center_project{
        width: 90%;
        margin-left: 5%;
            }
    main{
        margin-top: 60px;
    }
    .text{
       font-size: 14px;
    }
    .img_text{
        height: 70%;
    }
    .bouton_perso p{
        font-size:12px;
    }
    .bouton_perso{
        width: 115px;
        height: 115px;
    }
    .img_bouton_perso{
        height: 60px;
    }
    
    #left-no-resp{
        display: block;
        width: 20%;
        margin-left: 2%;
        margin-right:2%;
    }
    
    #center-no-resp{
        width: 73%;
        margin-left:0;
    }
    
    .text-top-banner{
        font-size: 20px;
    }
    
    #mac{
        display:none;
    }
}