/*CSS Document*/
/*point de rupture 1200px,   1024px   768px     600px   480px   320px */






@media screen and (max-width:1400px){
  .box-about{
    flex-direction: column;
}

.boxG{
    width: 50%;

}

.boxD{
    margin-top: 50px;
    width: 70%;

}
 .txt-resume{
     display: flex;
     flex-direction: column;
    
    width: 85%;
    min-width: 300px;
    margin: 0 auto;
    border-radius: 10px;
    background: #f0f0f0;
    padding: 30px  ;
    
 
}

.txt-resume h3{
   margin:0px 0px;
    
}
.txt-resume p{
   margin:50px 0px 20px 0;
    
}
  
.txt-resume .buttono2{
        align-self: center;
    } 
    
    
   
}

@media screen and (max-width:1408px){ /*fullhd*/
      
    
    
}


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

     
    
}   
    
    
    
    
    
    

@media screen and (max-width:1216px){/*widescreen*/
   
    
}

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



@media screen and (max-width:1024px){/*desktop*/
  
    
}


 @media screen and (max-width:1000px){
     
     
     
    .aki-box{
    width: 100%;
    flex-direction: column;}
     .aki-boxG{
    width: 100%;}
    .aki-boxD{
    width: 100%;
    
}
     
     
     
     
     
     .anim-motion{

    flex-direction: column;
    align-items: center; }
     
     .gif-box{

    margin:10px 0;
    width: 50%;
    min-width: 350px;
}

     
     
     .none-tab{ display: none;}
     #b1 {margin: 0 auto;}
     #b1 p{margin: 0 auto; padding: 0 15px;}
     
    
     
     
     .main{
    width: 100%;
     overflow: hidden;}
     
     .bonhomme{right: 30px;}
     
    header{ width: 100%;
            border-radius:  10px 10px 0 0;
            position: sticky;
            top: 0;
            z-index: 100; 
            border-bottom: 1px solid rgba(200, 200, 200, 0.43);
     }
     
     
     #nav2{
         position: sticky;
            top: 109px;
            z-index: 100;
     }
     
     
    
     .logo_home{width:150px;}
     
     
     .nav{display:none;}
    .hamburger{display: block;} 
     
   .column-tab{
   flex-direction: column;  }  
    
   .bannier-gauche{
    padding: 20px 0px;
       
    width: 100%;
    margin-bottom: 20px; }
     
   .bannier-droite{
    margin: 0 auto;
    padding: 20px 0px;
    width: 100%;
      margin-bottom: 20px;}  
     
     .reverse{
         flex-direction: column-reverse;
     } 

}





@media screen and (max-width:769px){ /*tablet*/
    
    .wrapperM{
            padding:0px; 
    }
    
    

    
    .img-aki{
    width: 100%;}
    
    .h33-about{
       font-size:1.9em; 
    }
    .box-about{

    width: 100%;

}
    
    .txt-resume{
    
    width: 80%;

}
    
    .reseau{
        width: 90%;
        justify-content: center;

    }
    .reseau h2{
        font-size:15px ;
    }
    
    .colonne-2{column-count: 1;}
       
     #title{width: 90%;}  
    .none-mobile{ display: none;}   
    .video_site_proto{width: 100%;} 
    .container-screen{ height: 350px;}

   
}

@media screen and (max-width:768px){ /*mobile*/
    
    

    
}



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

    .txt-box{
        width: 90%;
        
    }
    
}



@media screen and (max-width:480px){
    
    
    #nav2{
         
            top: 83px;
            
     }
    
    
    #nav-pro a{
    font-size: .8em;
}
    
    .logo_home{width: 110px;
        }
    
    
    .boxG{
        width:80%;
    }
    .boxG img{
        width:100%;
        min-width: 300px;
    }
    
    .boxD{
        width:80%;
    }
    
    .txt-resume{
    
    width: 100%;
    min-width: 300px;
    margin: 0px;
    border-radius: 10px;
    background: #f0f0f0;
    padding: 0;
    
 
}
     .txt-resume h3{
        margin: 0px 20px 0 20px;
         padding-top: 20px ;
    }
    .txt-resume p{
        margin: 50px 20px;
    }
    
    
    
    .filter{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    
    .filter span{
        display: inline-block;
  
        
    }
    
}
@media screen and (max-width:320px){
    
  .reseau h2{
        font-size:15px ;
    }
    
}