/**********************************************************
// Block >> Example
**********************************************************/
.Block-Product-Logos {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
  	gap: 1rem;
	}

.Block-Product-Logos.Small-Grid {
	grid-template-columns: repeat(2, 1fr);
}

.Block-Product-Logos .Product-Logo {
	  aspect-ratio: 3 / 2;
	  background: #fff; /* optional */
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  padding: 1rem;
}

/* Logo image */
.Block-Product-Logos .Product-Logo img {
	  max-width: 100%;
	  max-height: 100%;
	  object-fit: contain;
}

/**********************************************************
// Media Queries
**********************************************************/

@media
all and (max-width: 1050px),
all and (max-device-width: 1050px)
{
	.Block-Product-Logos {
   	 grid-template-columns: repeat(4, 1fr);
  	}
}

@media
all and (max-width: 768px),
all and (max-device-width: 768px)
{
	.Block-Product-Logos {
   	 grid-template-columns: repeat(3, 1fr);
  	}
}

@media
all and (max-width: 550px),
all and (max-device-width: 550px)
{
	.Block-Product-Logos {
   	 grid-template-columns: repeat(2, 1fr);
  	}
}