#whyUs #benefits {
    justify-self: stretch;
  }
  
  #whyUs #benefits div {
    padding: 0.5em;
    border: 0.1em solid var(--colour-text-dark);
    border-radius: 0.5em;
    
    color: var(--colour-text-dark);
    background: var(--colour-bg-light);
    
    font-weight: bold;
  }
  
  #whyUs #benefits div span.svg::before,
  #whyUs #benefits div span.svg::after {
    
    height: 1.5em;
  }
  
  #whyUs #benefits div span.svg::after {
    
    mask-size: 1.5em;
  }
    
  @media screen and (min-width: 400px) {
    
    #whyUs #benefits {
      
      grid-template-columns: 1fr 1fr;
    }
  }
    
  @media screen and (min-width: 700px) {
    
    #whyUs #benefits div {
      flex-flow: column nowrap;
    }
  }
    
  @media screen and (min-width: 960px) {
    
    #whyUs #benefits div {
      
      padding: 1em;
    }
    
    #whyUs #benefits div span.svg::before,
    #whyUs #benefits div span.svg::after {
      
      height: 2em;
    }
    
    #whyUs #benefits div span.svg::after {
      
      mask-size: 2em;
    }
  }