.partners {
  padding: 6em calc((100vw - (1280px / 1)) / 2);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-align: start;
          align-items: flex-start; }
  .partners > h2 {
    -webkit-box-flex: 1;
            flex: 1 0 50%;
    margin-left: calc(50% - 4em); }
  .partners figure {
    margin: 0; }
    .partners figure img {
      width: 100%;
      height: auto; }
  .partners > div {
    -webkit-box-flex: 1;
            flex: 1 0 50%;
    max-width: 50%; }
    .partners > div > figure {
      max-width: 100%;
      height: auto; }
  .partners .partner {
    padding: 3em 0; }
    .partners .partner p {
      padding-right: var(--step-8); }
    .partners .partner img {
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
  @media screen and (max-width: 1400px) {
    .partners {
      padding: 6em calc((100vw - (1080px / 1)) / 2); } }
  @media screen and (max-width: 1160px) {
    .partners {
      padding: 6em 3em; } }
  @media screen and (max-width: 768px) {
    .partners > div {
      -webkit-box-flex: 1;
              flex: 1 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 2;
              order: 1; }
      .partners > div:first-of-type {
        -webkit-box-ordinal-group: 3;
                order: 2; } }
  @media screen and (max-width: 650px) {
    .partners > h2 {
      -webkit-box-flex: 1;
              flex: 1 0 100%;
      margin-left: 0; } }
  @media screen and (max-width: 425px) {
    .partners .partner p {
      padding-right: 0; } }
  @media screen and (max-width: 425px) {
    .partners {
      padding: 6em 1em; } }