.module-patrons {
    --max-width: max(600px, calc(1158 * var(--base-unit)));
    --image-width: calc(322 * var(--base-unit));
  }
  
  .module-patrons[data-layout="narrow"] {
    --max-width: max(600px, calc(877 * var(--base-unit)));
    --image-width: calc(182 * var(--base-unit));
  }

  .module-patrons .module-header .headline {
    color: #3a4390;
    margin-left: 0;
  }
  
  .module-patrons .module-wrap {
    max-width: var(--max-width);
    margin: 0 auto;
  }
 
  .patrons-list > li {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .patrons-list > li + li {
    margin-top: max(50px, calc(75 * var(--base-unit)));
  }
  
  .patrons-list .image {
    position: relative;
    width: max(120px, var(--image-width));
    margin-right: calc(50 * var(--base-unit));
    flex-shrink: 0;
  }
  
  .patrons-list .person-figure-wrap {
    background: #394390;
    overflow: hidden;
  }
  
  .patrons-list .copy {
    width: 100%;
  }
  
  .patrons-list .headline {
    color: #394390;
    margin-bottom: .5em;
  }
  
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-patrons[data-layout] {
      --image-width: 250px;
    }
    
    .patrons-list > li {
      display: block;
    }
    
    .patrons-list .image {
      margin-right: 0;
      margin-bottom: 20px;
    }
    
  }