/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.ministryPartnersOuter{
      align-items: center;
    justify-content: center;
}
.ministryPartnersOuter {
  display: flex;
  
  justify-content: center;   /* keeps them centered horizontally */
  align-items: center;       /* centers vertically */
  gap: 76px;                 /* keeps your existing spacing */
  @media (min-width: 563px) and (max-width: 1550px) {
    gap: 36px;
/*     flex-wrap: wrap;           /* allows logos to move to the next line */ */
  }
   @media (max-width: 1350px) {
     flex-wrap: wrap; 
}
  @media (max-width: 562px) {
      gap: 25px;
}
  
}

/* Optional small-screen tweaks (keeps same look, just adds breathing room) */
/* @media (max-width: 768px) {
  .ministryPartnersOuter {
    gap: 40px;               
  } */
}

@media (max-width: 480px) {
  .ministryPartnersOuter {
    gap: 13px;               /* optional: smaller gap for mobile */
  }
}