@layer modules {
  #showcase {
    display: flex;
    flex-flow: row wrap;
    padding: 4rem max((100% - 1200px) / 2 + 2rem, 2rem) 0;
    .resource { flex: 1 0 0; }
    h2 {
      flex: 0 0 100%;
      margin: 0 auto 4rem;
      font-size: clamp(2.2rem, .75vw + 2rem, 2.5rem);
      text-align: center;
    }
    @media (width < 700px){
      flex-direction: column;
    }
  }
}