/* Add here all your CSS customizations */
.card-img-gd {
    height:350px!important;
}
.img-covid{
    
        max-width: 100%;
        height: auto;
      
}

 #photo{	
     width:150px!important ;
     height:150px!important;
}

#photodetail{	
     width:700px!important ;
     height:350px!important;
}


 

@media (max-width: 450px) {
	#photo{	
     width:200px!important ;
     height:170px!important;
	 margin-left:60px!important;
	 justify-content:center!important;
    }
     #apropos{
	    margin-left:20px!important;
     }
	 #photomembre{
	    width:250px!important;
		height:250px!important;
     }
	 
	 #photodetail{	
     width:300px!important ;
     height:200px!important;
     }
	 
	 #photopresident{
	    width:350px!important;
		height:350px!important;
     }
	  #header #contact{
	    background-color:#ee8a18!important;
		color:#fff!important;
		text-transform: uppercase;
     }
}
@media (max-width: 320px) {
	#photo{	
     width:150px!important ;
     height:150px!important;
	 margin-left:55px!important;
	 justify-content:center!important;
}
     #apropos{
	    margin-left:20px!important;
     }
	 #photomembre{
	    width:250px!important;
		height:250px!important;
     }
	 #photopresident{
	    width:350px!important;
		height:350px!important;
     }
	 #header #contact{
	    background-color:#ee8a18!important;
		color:#fff!important;
		text-transform: uppercase;
     }
	 
	 #photodetail{	
     width:250px!important ;
     height:150px!important;
     }
}
	 
}
  @media (max-width:768px) {
      #photomembre{
	    width:250px!important;
		height:250px!important;
     }
	 #header #contact{
	    background-color:#ee8a18!important;
		color:#fff!important;
		text-transform: uppercase;
     }
	 #photodetail{	
     width:400px!important ;
     height:250px!important;
     }
   }
   
     @media (max-width:800px) {
     
	 #photodetail{	
     width:600px!important ;
     height:300px!important;
     }
   }
   
    @media (max-width:1024px) {
     
	 #photodetail{	
     width:600px!important ;
     height:300px!important;
     }
	 
   }
   
   @media (max-width:425px) {
     
	 #photodetail{	
     width:300px!important ;
     height:200px!important;
     }
	 
   }
   
    @media (max-width:322px) {
     
	 #photodetail{	
     width:250px!important ;
     height:150px!important;
     }
	 
   }