/**
 * Returns value from colors map
 */
/**
 * Turns pixels to rems
 * We typically set out HTML font size to 62.5% which helps us have a base-10 value to work with.
 * So the following mixin accepts a pixel value that is then turned into a corresponding rem value.
 */
/**
 * Function for converting a px based font-size to rem.
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {to-rem(12);}
 *
 */
/**
 * Returns value from colors map
 */
/**
 * Turns pixels to rems
 * We typically set out HTML font size to 62.5% which helps us have a base-10 value to work with.
 * So the following mixin accepts a pixel value that is then turned into a corresponding rem value.
 */
/**
 * Function for converting a px based font-size to rem.
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {to-rem(12);}
 *
 */
.paragraph--type--widget-client-logos {
  margin-left: 7rem;
}
@media only screen and (max-width: 959px) {
  .paragraph--type--widget-client-logos {
    margin-left: 5rem;
  }
}
.paragraph--type--widget-client-logos .client-logo {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid rgba(132, 132, 132, 0.25);
  border-radius: 2rem;
  margin: 1rem;
  width: calc(25% - 2rem);
  padding: 24px 40px;
  justify-items: center;
  height: 15rem;
}
@media only screen and (max-width: 959px) {
  .paragraph--type--widget-client-logos .client-logo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}