div.ui.segment.about-content {
  width: 75%;
  max-width: 846px;
  margin-bottom: 2rem;

  div.container {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.5;
    padding: 1rem;
  
    h2 {
      font-size: 1.5rem;
      font-weight: 700;
      margin: 3rem 0 1rem 0;
    }
    
    h2:first-of-type {
      margin-top: -0.5rem;
    }
    
    p {
      margin: 1.5rem 0;
      font-size: 1.28rem;
    }
    
    p:last-of-type {
      margin-bottom: 0;
    }
    
    ul {
      margin: 0;
      padding-left: 1.5rem;
    }
    
    ol {
      margin: 0;
      padding-left: 1.2rem;
      list-style: none;
      counter-reset: opa-components-counter;
      
      li {
        counter-increment: opa-components-counter;
      }
      
      li::before {
        content: counter(opa-components-counter) '. ';
        font-size: 1.125rem;
        font-weight: 700;
        margin-left: -1.2rem;
      }
    }
    
    li {
      margin-bottom: 1.5rem;
      font-size: 1.28rem;
    }
    
    .footnote {
      font-size: 0.875rem;
      margin-top: 3rem;
    }
  }
}